Javascript 允许在“反应套筒”组件中使用标记

我试图将以下内容加载到ReactQuill组件中，但它不断剥离其内部html标记，如

[客户端名称]

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

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

[客户端名称]

纬管组件：

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

---

是否有方法为标记添加异常，以便组件忽略标记？

您需要定义自定义格式。定义

标记

格式应该允许Quill识别并正确处理html

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

---

在实例化之前，如何直接在quill DOM节点中加载内容？内容通过状态更新。抱歉，不知道ReactQuill如何处理内容，我在React应用程序中直接使用quill。您可能需要创建一个新格式，标记format并将其注册到Quill（使用羊皮纸）。这样，当Quill看到您的html时，它将处理并支持您的mark标记，因为它注册了格式

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