web-dev-qa-db-ja.com

どのようにHTMLをQuillJSに挿入しますか？

生のHTMLをクイルに挿入することは可能ですか？ドキュメントを検索してきましたが、何も見つかりませんでした。

それが不可能な場合、少なくともHTMLをクイルデルタに変換できますか？

これが必要な理由は、Quillから取得したテキストの生のHTMLを取得しているため、後でHTMLスタイルで表示できるようにするためです。私はすべてを間違ってやっていて、それのデルタバージョンも維持する必要がありますか？

javascripthtmlquill
4
user1993629

ドキュメントを非常によく見て、方法を見つけました。メソッドquill.clipboard.dangerouslyPasteHTML('raw html');がそのトリックを実行します。 https://quilljs.com/docs/modules/clipboard/#dangerouslypastehtml

15
user1993629

これを行うためのより良い方法があります：

const htmlMurkup = '<p>Good</p>'
let quill = new Quill()
quill.container.firstChild.innerHTML = htmlMurkup
1
Kamil' Ocean

HTMLをQuillに挿入する別の方法は、VanillaJavaScriptを使用することです。

HTMLをhtmlToInsertなどの変数に設定できます。

次に、Quillによって作成されたcontenteditable divを、そのクラスql-editorで取得してターゲットにします。

最後に、そのdivのinnerHTMLを挿入するHTMLに設定します。

例えば：

var htmlToInsert = "<p>here is some <strong>awesome</strong> text</p>"
var editor = document.getElementsByClassName('ql-editor')
editor[0].innerHTML = htmlToInsert
0
Ethan Ryan