It looks like you’re browsing an old version of Froala. Please go to the newer version of our docs for a more updated version.
Examples
Init On Click
Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use this option if you have more rich text editors on the same page.
Click here to initialize the WYSIWYG HTML editor on this text.
HTML
<div id="eg-init-on-click" class="text-small"> <p>Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use this option if you have more rich text editors on the same page.</p> <p><strong>Click here to initialize the WYSIWYG HTML editor on this text.</strong></p> </div>
JAVASCRIPT
<script> $(function() { $('div#eg-init-on-click').editable({ inlineMode: false, initOnClick: true }) }); </script>