3rd Party Integration

Aviary Integration

To integrate the Aviary plugin on your website there are 3 simple steps to follow.

  1. Go to Adobe Creative and register for a new account or sign if you already have one.
  2. Follow the steps to register your new app, this will generate an api key that will be used later on.
  3. You should have your api key by now, so what's left to do is to initialize the Froala Rich Text Editor and use your own api key. To do this you should pass aviaryKey:'your api key' to the WYSIWYG HTML editor on init.

Click on the image then use the advanced edit button to launch the Aviary image editor plugin.

Old Clock

HTML

<div id="froala-editor">
  <p>Click on the image then use the advanced edit button to launch the Aviary image editor plugin.</p>
  <img class="fr-dib" src="/assets/editor/docs/photo14.jpg" alt="Old Clock" width="300"/>
</div>

JAVASCRIPT

<script type="text/javascript" src="../js/third_party/image_aviary.min.js"></script>
  
<script>
  $(function() {
    $('div#froala-editor').froalaEditor();
  });
</script>