3rd Party Integration

Embed.ly Integration

On the page where you display the edited content, make sure you load Embedly JS code.

    <-- Include Embed.ly platform JS. -->
    <script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
  


With over 500 providers, embed.ly is probably the best service when it comes to embedded content. You can embed rich content such as Twitter, Facebook, Instagram, and lots of other publishing platform embeds.


Edit in JSFiddle

HTML

<div id="froala-editor">
  <p>With over 500 providers, embed.ly is probably the best service when it comes to embedded content. You can embed rich content such as Twitter, Facebook, Instagram, and lots of other publishing platform embeds.</p>
</div>

CSS

<!-- Include Embedly plugin style. -->
<link rel="stylesheet" href="../css/third_party/embedly.min.css">

JAVASCRIPT

<script>
  $(function() {
    $('#froala-editor').froalaEditor({
      toolbarButtons: ['bold', 'italic', 'underline', 'embedly']
    });
  });
</script>