如何检索Quill文本编辑器的内容

Top*_*Bot 13 javascript quill

我在javascript应用程序中使用quill文本编辑器,我需要将文本编辑器的内容检索为包含HTML的字符串,但文档在此主题上有点稀疏.

Ken*_*eno 32

取决于你想得到什么,这里有一个例子显示了几个方面:

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;
Run Code Online (Sandbox Code Playgroud)

  • 你好,@AnjanaSilva。我只是在这里指出一个非常有用的 [Quill 存储库](https://github.com/loagit/Quill-Examples-and-FAQ)。 (2认同)
  • @Loa:干杯。非常感谢 :) (2认同)

小智 22

很简单,只需访问编辑器的innerHTML:

var quill = new Quill('#editor', {
    theme: 'snow'
});
// ....
var editor_content = quill.container.innerHTML // or quill.container.firstChild.innerHTML could also work
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助!

  • .container.innerHTML将获得编辑器HTML和内容HTML.要仅使用编辑器获取内容HTML,我使用root.innerHTML (11认同)