Quill is a rich web-based text editor.
Using the code from quickstart, you can enable it like this:
Create toolbar container
<div id="toolbar">
<button class="ql-bold">Bold</button>
<button class="ql-italic">Italic</button>
</div>
Create Editor Container
<div id="editor">
<div>Hello World!</div>
<div>Some initial <b>bold</b> text</div>
<div><br></div>
</div>
Enable Quill Library
<script src="//cdn.quilljs.com/0.20.1/quill.js"></script>
Initialize Quill Editor
<script>
var quill = new Quill('#editor');
quill.addModule('toolbar', { container: '#toolbar' });
</script>
Editor text customization
editor.setText("RTF document ");
Retrieving Editor Text
by default 0 will get everything in the editor
var text = editor.getText(0);
see also Mozilla's post , which describes how to implement your own text file editor.
source
share