Inline Froala WYSIWYG Editor V3

by cleaver

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://editor-latest.s3.amazonaws.com/v3/js/froala_editor.pkgd.min.js"></script>
<link rel="stylesheet" href="https://editor-latest.s3.amazonaws.com/v3/css/froala_editor.pkgd.min.css">
<link rel="stylesheet" href="https://editor-latest.s3.amazonaws.com/v3/css/froala_style.min.css">
<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="http://froala.com/wysiwyg-editor/docs/options#toolbarInline" title="toolbarInline option" target="_blank">toolbarInline</a> option to <code>true</code>.</p>
  <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="http://froala.com/wysiwyg-editor/docs/options#toolbarInline" title="toolbarInline option" target="_blank">toolbarInline</a> option to <code>true</code>.</p>
  <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="http://froala.com/wysiwyg-editor/docs/options#toolbarInline" title="toolbarInline option" target="_blank">toolbarInline</a> option to <code>true</code>.</p>
  <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="http://froala.com/wysiwyg-editor/docs/options#toolbarInline" title="toolbarInline option" target="_blank">toolbarInline</a> option to <code>true</code>.</p>
  <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="http://froala.com/wysiwyg-editor/docs/options#toolbarInline" title="toolbarInline option" target="_blank">toolbarInline</a> option to <code>true</code>.</p>
  <h3>Click here to edit the content</h3>
  <p>This...

JavaScript

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