Convert Quill Delta to HTML

quill
km6 picture km6 · Sep 15, 2016 · Viewed 39.3k times · Source

How do I convert Deltas to pure HTML? I'm using Quill as a rich text editor, but I'm not sure how I would display the existing Deltas in a HTML context. Creating multiple Quill instances wouldn't be reasonable, but I couldn't come up with anything better yet.

I did my research, and I didn't find any way to do this.

Answer

km6 picture km6 · Sep 17, 2016

Not very elegant, but this is how I had to do it.

function quillGetHTML(inputDelta) {
    var tempCont = document.createElement("div");
    (new Quill(tempCont)).setContents(inputDelta);
    return tempCont.getElementsByClassName("ql-editor")[0].innerHTML;
}

Obviously this needs quill.js.

Related questions

How do I post contents of a Quill editor in a form?

I have what I think is a very common scenario. I would normally have this form: <form method="post"> <textarea name="text"></textarea> <input type="submit" value="Save" /> </form> Then …

Read More
How do I retrieve the contents of a Quill text editor

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.

Read More
why my css code is not working in vuejs?

I've got problem with css in VueJs. Sorry for poor description, but I have no idea what I'm doing wrong. My css in style scoped works generally fine in vuejs, I can normally address idis and classes. The problem is …

Read More