javascript - Quill.js 如何使用具有基本格式的 setText

标签 javascript quill

我无法理解如何使用纯 js 将一些基本 HTML 文本填充到 Quill 编辑器中。

我传递的文本具有基本格式(只是粗体、斜体、下划线和标题标签),因此无需担心任何高级 RTF 功能。

例如:我的 javascript 可能是这样的

var postContent = "<h2>My short post</h2><p>This is a <strong>really, really</strong> short post.</p>";

quill.setText(postContent, "api");

我以为我可以使用 quill.setText(postContent, "api") 但它似乎显示 HTML 标签而不是呈现格式化文本。

我真的需要将代码解析成印迹吗?似乎必须有一种方法可以让 Quill 呈现基本的 HTML,因为如果我将简单的格式化文本直接粘贴到 Quill 中,它似乎可以工作。

我尝试过的一件事就是:

quill.root.innerHTML = postContent;

这似乎很有效,但我担心我现在做的事情有点乱,我可能实际上没有按预期使用 Quill。难道不应该有一种方法可以通过 Quill API 来实现吗?

有什么见解吗?谢谢。

最佳答案

有一个不安全的弃用函数 dangerouslyPasteHTML: https://quilljs.com/docs/modules/clipboard/#dangerouslypastehtml

最好将 setContents 或 updateContents 与具有属性的 ops Delata 一起使用: https://quilljs.com/docs/api/#updatecontents

关于javascript - Quill.js 如何使用具有基本格式的 setText,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53809521/

相关文章:

javascript - 无法使用 Quill.JS setText Textarea 设置文本

javascript - Uncaught ReferenceError - 找不到函数

php - 如何将 PHP 返回的输出插入到 HTML <div> 中? (我正在使用 WordPress)

javascript - 如何在 Quill JS 中添加来自计算机的图像?

javascript - 如何将 css 类添加到羽毛笔选择中?

javascript - 如何在没有 html 标记的情况下显示 React Quill 的内容?

reactjs - 在 quill js 中创建自定义属性

javascript - 我如何排除 gulp src 中的路径?

javascript - 直接以 Angular 更改构建文件是一个好习惯吗?

javascript - 统计点击按钮创建 "Top Event"区域的次数