quilljs 将 替换为

Question

我有一个 Meteor React 应用程序。

我正在使用 Quill，但是 bold 生成了  标签而不是  标签。

通过 dangerouslySetInnerHTML 渲染 HTML 它不会将  显示为粗体。

有没有办法让 Quilljs 使用  而不是 ？

Answer 1

为什么不直接添加 css class 使  变为粗体？

strong {
    font-weight: bold;
}

Answer 2

我获取了此处可用的信息：https://quilljs.com/guides/how-to-customize-quill/#customizing-blots 并将其扩展为也包括斜体。

使用chrome中的Quill（此时未使用Meteor React），使用HTML提取使用quill.root.innerHTML，使用和 文本没有加粗或斜体。

下面的代码是运行加载quill库后解决了我这个问题的版本：

// set Quill to use <b> and <i>, not <strong> and <em>

var bold = Quill.import('formats/bold');
bold.tagName = 'b';   // Quill uses <strong> by default
Quill.register(bold, true);

var italic = Quill.import('formats/italic');
italic.tagName = 'i';   // Quill uses <em> by default
Quill.register(italic, true);

quilljs 将 <strong> 替换为 <b>

quilljs replace <strong> with <b>

meteor

reactjs

quill