- Getting Started
- Browser Support
- Languages Support
- Shortcuts
- Activation
- Examples
- Customize the Editor
- Use-cases
- Plugins
- APIs
- Development Frameworks
- Server Integrations
- Server SDKs
- Migration Guides
- Changelog
- Tutorials
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>
Try it yourself:
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
<!-- Include Embedly plugin JS. -->
<script src="https://cdn.jsdelivr.net/npm/froala-editor@latest/js/third_party/embedly.min.js"></script>
<script>
new FroalaEditor('#froala-editor',{
toolbarButtons: [['bold', 'italic', 'underline'], ['embedly','html']]
});
</script>
Related Plugin: Embedly