如何将QuillJS富文本输出呈现为HTML

Question

我有点卡住了，我正在使用Quill JS编辑器，现在已经到了我需要在html文档中渲染编辑器的输出，并且可能是PDF文档（HTML是优先级）

我将如何呈现这样的输出：

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

我看了一下，但似乎无法找到如何做到这一点。我希望有人可以提供帮助。

谢谢！

Answer 1

editor.root.innerHTML

你需要设计风格。

从那里你可以用jsPDF或类似的东西导出到PDF或者将它弹回服务器。

示例：

Getting Quill content

Answer 2

Quill delta本身旨在表示内容，而不是可视化。 正如documentation所说，delta没有为属性指定任何含义，bold可以是html中的<strong>或<b>或<custom tag>，这意味着你可以设计您的delta代表您自己的内容。

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

Answer 3

Quill不会本地输出到HTML。但是有些插件可以从Quill渲染数据，例如quilljs-renderer