HTML to Delta

See original GitHub issue

Currenlty,I am using quill’s 1.2.6 version. I can able to set the contents as HTML in editor when it has been saved as Delta format. Now in my application I have in plain HTML text format content has been saved in database. like "Some text goes here " but, these contents are not rendering properly.

I have used “quill.clipboard.dangerouslyPasteHTML” function which applies some internal matchers and removes original arbitrary HTML contents.

Like we have an option for Delta to HTML so is there any option or way to generate the Delta from provided HTML. There is one option to save the contents of the database that is Delta in JSON string format but, I can apply this to the new contents which are being created by using the quill editor, not for existing. Because existing contents are saved in plain HTML format.

Also, I have tried for quill.root.innerHTML but it doesn’t make any difference.

Issue Analytics

State:
Created 6 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

4reactions

spenwebcommented, Sep 24, 2019

Use clipboard’s convert method to create a delta from an HTML string.

const delta = editorInstance.clipboard.convert(content);

See https://github.com/quilljs/quill/blob/develop/modules/clipboard.js#L81

2reactions

jhchencommented, Jun 27, 2017

Quill does not allow arbitrary HTML. It enforces a consistent unambiguous subset so you don’t get stuff like:

<div>
  <div>
    <strong>Hello</strong><span></span><b>World</b>
  </div>
  <p><br></p>
</div>

If you need exactly your HTML to show up then your option is really contenteditable. It is as error-prone as it is because of how inconsistent and ambiguous HTML is. Otherwise Quill has dangerouslyPasteHTML.