JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.2.4/css/froala_editor.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.2.4/js/froala_editor.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.2.4/js/plugins/save.min.js"></script>
<div class="edit" style="height:400px">
Hello world
</div>

JavaScript

//Use backspace to delete all text. (DO NOT use select all and then delete).
//Deleting the last char will also delete the iframe's body

$('.edit')
  .froalaEditor({
    placeholderText: '',
    enter: $.FroalaEditor.ENTER_BR,
    iframe: true
  })