javascript - 在反应如何将html标签转换为在htmleditor中显示

Question

您好，我对如何在 HtmlEditor 中显示 html 标签有疑问。首先，我正在采取的步骤是将 html 标记存储到来自 componentdidmount 的状态。其次，我创建了 DOMParser 并将其设置为 parsedDocument，我将提供下面的代码。

const parser = new DOMParser();
 const parsedDocumnet = parser.parseFromString(`
 this.state.contentStore`,
 "text/html"
 );

const textContent = parsedDocumnet.body;

第三，我在 htmleditor 中调用了 textcontent。我还将在下面提供代码。

 <HtmlEditor height="200px">
    <div
       dangerouslySetInnerHTML={{
       __html: textContent,
       }}
       />
  </HtmlEditor>

该 htmleditor 的结果将如下所示

此外，如果您想知道标签的外观，我还将在此行下方提供图片。

标签上有表格标签，我想准确显示标签的作用。如果有人可以帮助我解决这个问题，我将不胜感激。谢谢你

标签： javascripthtmlcssreactjstags

Answer 1

您正在将解析的 DOM 对象传递给 __html。尝试像这样将原始 html 内容作为字符串直接传递给 __html

<div dangerouslySetInnerHTML={{
        __html: `this.state.contentStore`,
     }}
/>