Skip to content

Examples

Adjustable Height

  • minHeight will prevent the rich text editor's box being smaller than the value passed.
  • maxheight will prevent the rich text editor's box being taller than the value passed. If the text is too long, then the WYSIWYG HTML editor will get a vertical scrollbar.

HTML

<div id="eg-adjustable-height" class="text-small">
          <ul>
            <li><strong>minHeight</strong> will prevent the rich text editor's box being smaller than the value passed.</li>
            <li><strong>maxheight</strong> will prevent the rich text editor's box being taller than the value passed. If the text is too long, then the WYSIWYG HTML editor will get a vertical scrollbar.</li>
          </ul>
        </div>

JAVASCRIPT

<script>
  $(function() {
    $('div#eg-adjustable-height').editable({
      inlineMode: false,
      minHeight: 100,
      maxHeight: 200
    })
  });
</script>