markdown编辑器@uiw/react-md-editor深入使用

最新推荐文章于 2025-04-16 17:10:28 发布

热心青年小邓

最新推荐文章于 2025-04-16 17:10:28 发布

阅读量2k

点赞数 1

分类专栏：自我整理资料文章标签： react.js 编辑器 javascript

本文链接：https://blog.youkuaiyun.com/weixin_53110831/article/details/123430318

版权

近期需求在react项目中制作一个markdown编辑器，最终使用了@uiw/react-md-editor，可以去npm官网查看关于该插件具体使用方法再次就不多做介绍。

本文主要想讲述一下深入使用该插件。

在我进行自定义插件时：

const title3: ICommand = {
  name: 'title3',
  keyCommand: 'title3',
  buttonProps: { 'aria-label': 'Insert title3' },
  icon: (
    <svg width="12" height="12" viewBox="0 0 520 520">
      <path fill="currentColor" d="M15.7083333,468 C7.03242448,468 0,462.030833 0,454.666667 L0,421.333333 C0,413.969167 7.03242448,408 15.7083333,408 L361.291667,408 C369.967576,408 377,413.969167 377,421.333333 L377,454.666667 C377,462.030833 369.967576,468 361.291667,468 L15.7083333,468 Z M21.6666667,366 C9.69989583,366 0,359.831861 0,352.222222 L0,317.777778 C0,310.168139 9.69989583,304 21.6666667,304 L498.333333,304 C510.300104,304 520,310.168139 520,317.777778 L520,352.222222 C520,359.831861 510.3001