使用React的dangerouslySetInnerHTML草拟到HTML

Question

我正在使用draft-to-html npm包使用draftjs向div显示dangerouslySetInnerHTML内容。

这样的事情：

<div dangerouslySetInnerHTML={{ __html: draftToHtml(JSON.parse(intro)) }} />

intro是用户输入，尚未清理。这感觉很糟糕但不应draft-to-html仅输出已知的html标签，例如H1-6, ul, ol, pre, p等。

另外，我如何清理draftjs对象？

Answer 1

你应该没事。如果您查看https://github.com/jpuri/draftjs-to-html#supported-conversions，它会显示将要发生的所有文本转换：

  

以下是它支持的转化列表：

     

将块类型转换为相应的HTML标记：

     

阻止类型HTML标记

     

  
1. header-one h1
  
2. header-two h2
  
3. header-three h3
  
4. header-four h4
  
5. header-five h5
  
6. header-six h6
  
7. unordered-list-item ul
  
8. ordered-list-item ol
  
9. blockquote blockquote
  
10. code pre
  

11. 没有风格的p

         

    它对块文本执行以下附加更改：

         

    用块替换块的开头和结尾的空格   用\替换\ n   替换＆lt;与＆lt;   替换＆gt;使用＆gt;