quilljs用<b>替换<strong>

时间:2017-04-13 18:08:24

标签: reactjs meteor quill

我有一个Meteor React应用程序。

我使用的是Quill,但粗体会生成<strong>代码而不是<b>代码。

要通过dangerouslySetInnerHTML呈现HTML,它不会将<strong>显示为粗体。

有没有办法让Quilljs使用<b>代替<strong>

2 个答案:

答案 0 :(得分:2)

为什么不添加一个css类来使<strong>加粗?

strong {
    font-weight: bold;
}

答案 1 :(得分:0)

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

在chrome中使用Quill(目前不使用Meteor React),使用通过quill.root.innerHTML提取的HTML,使用<strong><em>不会使文本加粗或斜体。

在加载羽毛笔库并解决了我这个问题的版本之后,将运行以下代码:

// 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);