Skip to content

Examples

Inline editor always visible

Click here to edit the content

alwaysVisible option makes the inline WYSIWYG HTML editor to appear as soon as you click in the editable area and not only when you select text.

HTML

<div id="eg-always-visible" class="text-small">
  <h3>Click here to edit the content</h3>
  <p><strong>alwaysVisible</strong> option makes the inline WYSIWYG HTML editor to appear as soon as you click in the editable area and not only when you select text.</p>
</div>

JAVASCRIPT

<script>
  $(function() {
    $('div#eg-always-visible').editable({
      inlineMode: true,
      alwaysVisible: true,
      countCharacters: false
    })
  });
</script>