I am using the quill text editor in a javascript app and I need to retrieve the contents of the text editor as a string with the HTML included but the docs are a little sparse on this subject.
Many options exist to get HTML content from Quill editor. You can try to convert Delta with a JavaScript library: Quill Delta to HTML Converter. Solutions on Stack Overflow.
I just use - $("#form"). find('#quill-editor . ql-editor'). html();
Depends what you want to get, here's an example showing a few ways:
http://codepen.io/k3no/pen/amwpqk
var delta = editor.getContents(); var text = editor.getText(); var justHtml = editor.root.innerHTML; preciousContent.innerHTML = JSON.stringify(delta); justTextContent.innerHTML = text; justHtmlContent.innerHTML = justHtml;
Quite simply by accessing the editor's innerHTML:
var quill = new Quill('#editor', { theme: 'snow' }); // .... var editor_content = quill.container.innerHTML // or quill.container.firstChild.innerHTML could also work
Hope this helps!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With