Multi-Froala WYSIWYG Editors with track changes

by Froala_marketing

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min.js"></script>
<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/js/third_party/image_aviary.min.js"></script>
<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">
    <dev id="toolbar-container"></dev>
        <h3>
    First Editor instance
    </h3>
    
    <dev id="editor1" class="froala-editor">
      <h2>
      Froala WYSIWYG HTML Editor
      
      </h2>

The smartest and world's most beautiful WYSIWYG rich text editor. High performance and simple design make our JS text editor easy to use for developers and loved by users.
    </dev>
    <h3>
    Second Editor instance
    </h3>
    <dev id="editor2" class="froala-editor">
      
<h2>
The Next Generation WYSIWYG HTML Editor
</h2>
Beautiful Javascript web editor that’s easy to integrate for developers and your users will simply fall in love with its clean design.

    </dev>

CSS

.froala-editor{padding:20px}

h3{
  color:gray
}

JavaScript

new FroalaEditor('.froala-editor', {
            toolbarContainer: "#toolbar-container",
            });