Modes

Inline Editor

Try it yourself:

Edit in JSFiddle

HTML

Copy

<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

Copy

<script>
  new FroalaEditor('div#froala-editor', {
    toolbarInline: true,
    charCounterCount: false
  })
</script>