wangEditor富文本编辑器部分工具栏功能未生效

• 起因： 工具栏部分功能没有效果被测试提了BUG
• 查看文档： 并没有看到相对应的答案，而且百度上对于wangEditor的收录也比较少
• 未生效原因： 引入的样式没有生效
• 使用对应的插件： @wangeditor/editor-for-react
• 解决方案： 在css 文件下配置该样式即可

wangEditor删除线未生效(@wangeditor/editor-for-react)

index.less

.w-e-scroll {
 span {
    s{
      text-decoration: line-through;
    }
  }
}

wangEditor标题功能未生效(@wangeditor/editor-for-react)

index.less

.w-e-scroll {
  p {
    font-size: 16px;
  }
  h1 {
    span {
      font-size: 32px;
    }
  }
  h2 {
    span {
      font-size: 24px;
    }
  }
  h3 {
    span {
      font-size: 18.72px;
    }
  }
  h4 {
    span {
      font-size: 16px;
    }
  }
  h5 {
    span {
      font-size: 13.28px;
    }
  }
}

wangEditor有序列表和无序列表(@wangeditor/editor-for-react)

index.less

.w-e-scroll {
  
  ul{
    li{
      list-style: disc;
    }
  }
  ol{
    li{
      list-style: auto;
    }
  }
}

PS

• 指导更多使用 wangEditor富文本编辑器 的知识可以在下方留言
• 刘师兄的微信：LMT0797 ，备注：掘金