react-markdown如何支持嵌入html

  • 原创
  • |
  • 浏览： 1028
  • |
  • 更新：
分步阅读

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

react-markdown如何支持嵌入html

工具/原料

方法/步骤

  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

总结

  1. 1

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

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

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

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

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

注意事项

换一批 相关经验