在React Quill组件中允许标记

Question

我正在尝试将以下内容加载到ReactQuill组件中，但它会继续剥离其内部html标记，例如<mark>。

<mark><i><b>[CLIENT NAME]</b></i></mark>

该组件将其转化为以下内容：

<p><strong><em>[CLIENT NAME]</em></strong></p>

Quill Componenet：

<ReactQuill
 {...{
   key: 'content',
   value: this.state.content,
   onChange: handleContent,
 }}
/>

有没有办法为标签添加例外，以便组件忽略标签？

Answer 1

您需要定义自定义格式see this。定义Mark格式应该允许Quill识别并正确处理您的html

class MarkBlot extends Inline { }
MarkBlot.blotName = 'mark';
MarkBlot.tagName = 'mark';
Quill.register(MarkBlot);