如何渲染QuillJS富文本输出到HTML

How to render QuillJS rich-text output to HTML

本文关键字：输出 HTML 文本 何渲染 QuillJS      更新时间：2023-09-26

我有点卡住了，我正在使用Quill JS编辑器，现在已经到了我需要在html文档和PDF文档(html是优先级)中呈现编辑器输出的地步

我该如何渲染这样的输出:

{
  "ops": [
    {"attributes":{"bold":true},"insert":"Test Post"},
    {"insert":"'n'nThis is a test post.'n"}
  ]
}

我已经四处看了看，但似乎找不到如何做到这一点。我希望有人能帮忙。

谢谢!

editor.root.innerHTML

你需要给它设置样式。

从那里，你可以导出PDF与jsPDF或类似的东西或反弹到服务器。

的例子:

获取Quill内容

Quill delta本身设计用于表示内容，而不是可视化。正如文档中所说，delta没有给属性赋予任何意义，在html中，bold可以是<strong>或<b>或<custom tag>，这意味着你可以设计你的delta来代表你自己的内容。

要以您自己的格式呈现delta，您可以使用quill-render。所以你可以有一种或多种不同的格式来呈现HTML和pdf

Quill不能本地输出到HTML。但是有一些插件可以渲染Quill的数据，比如quilljs-renderer

相关文章：