如何呈现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

Quill不会自然地输出到HTML。但有一些插件可以呈现来自Quill的数据，例如quilljs-renderer

Answer 2

羽毛球三角洲本身旨在表示内容，而不是可视化。 as documentation说，德尔塔没有分配任何意义的属性，bold可以是<strong>或<b>或<custom tag>在html中，这意味着你可以设计你的delta来表示你自己的内容。

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

Answer 3

editor.root.innerHTML 

您将需要设计它。

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

例子：

Getting Quill content