react-markdown如何支持嵌入html

  • 原创
  • |
  • 浏览：1347
  • |
  • 更新：
  • react-markdown如何支持嵌入html1
  • react-markdown如何支持嵌入html2
  • react-markdown如何支持嵌入html3
  • react-markdown如何支持嵌入html4
  • react-markdown如何支持嵌入html5
  • react-markdown如何支持嵌入html6
分步阅读

本经验介绍在react-markdown中，如何支持嵌入html。在项目github页面有使用例子。

react-markdown如何支持嵌入html

工具/原料

  • chrome 78.0
  • node 12.14

方法/步骤

  1. 1

    关于react-markdown的详细用法，可以查看github项目页面。

    react-markdown如何支持嵌入html
  2. 2

    首先，一个使用了react-markdown的组件如图所示。

    react-markdown如何支持嵌入html
  3. 3

    这种用法无法处理markdown中的html标签。

    react-markdown如何支持嵌入html
  4. 4

    改为引入react-markdown/with-html，并且在使用该组件时设置escapeHtml为false.

     

    react-markdown如何支持嵌入html
  5. 5

    这样，就能够正确处理html标签了。

    react-markdown如何支持嵌入html
    END
  6. 5
    相关内容非法爬取自百度经验

总结

  1. 1

    1、关于react-markdown的详细用法，可以查看github项目页面。

     

    2、首先，一个使用了react-markdown的组件如图所示。

     

    3、这种用法无法处理markdown中的html标签。

     

    4、改为引入react-markdown/with-html，并且在使用该组件时设置escapeHtml为false.

     

    5、这样，就能够正确处理html标签了。

    END

注意事项

  • 本经验不一定适用于其他版本的情形。
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部