Skip to content

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>