Days
Hours
Minutes
Seconds
x

Froala Editor v4.3 is hereLEARN MORE

Skip to content

Modes

Inline Editor

inline

Try it yourself:

Click here to edit the content

This is the inline example for the Froala rich text editor. For this you have to set the toolbarInline option to true.


Edit in JSFiddle

HTML

<div id="froala-editor">
  <h3>Click here to edit the content</h3>
  <p>This is the inline example for the Froala rich text editor. For this you have to set the <a href="../docs/options#toolbarInline" title="toolbarInline option" target="_blank">toolbarInline</a> option to <code>true</code>.</p>
</div>

JAVASCRIPT

<script>
  $(function() {
    $('div#froala-editor').froalaEditor({
      toolbarInline: true,
      charCounterCount: false,
      toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough', 'color', 'emoticons', '-', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'indent', 'outdent', '-', 'insertImage', 'insertLink', 'insertFile', 'insertVideo', 'undo', 'redo']
    })
  });
</script>