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

Question

我有点卡住了，我正在使用 Quill JS 编辑器，现在我需要在 html 文档和可能的 PDF 文档中呈现编辑器的输出（HTML 是优先事项）

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

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

我环顾四周，但似乎无法找到如何做到这一点。我希望有人能帮帮忙。

谢谢！

score 16 · Accepted Answer

editor.root.innerHTML

您将需要对其进行样式设置。

从那里您可以使用 jsPDF 或类似的东西导出到 PDF 或将其退回到服务器。

例子：

score 4 · Accepted Answer

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

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

score 3 · Accepted Answer

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

3 回答 3