wangEditor富文本编辑器-vue使用链接

本文介绍了如何在Vue项目中使用wangEditor富文本编辑器,并详细讲解了如何添加自定义菜单,特别是实现上角标和下角标功能。通过参考官方文档、示例代码以及结合Document.execCommand() API,最终通过editor.cmd.do('insertHTML', ...)方法成功实现。提供多个参考链接帮助理解与实践。" 9104755,1267974,Java实现九九乘法表,"['Java基础', '算法', '编程实践']
摘要由CSDN通过智能技术生成
  • 官网
    http://www.wangeditor.com/index.html
  • 使用文档
    https://www.wangeditor.com/doc/
  • github代码for vue
    https://github.com/wangeditor-team/wangEdior-with-vue
  • 使用参考
    https://www.jianshu.com/p/52852d39f869
    https://www.cnblogs.com/zzz-knight/p/12156438.html

增加自定义菜单键资料补充(2021-05-27)

  • 增加需求:上角标和下角标的功能
    使用html实现只需要两个标签,但是自定义加在wangeditor就比较麻烦
<sup>下角标</sup>
<sub>上角标</sub>
  • 官方自定义菜单示例代码
    https://www.wangeditor.com/doc/pages/11-自定义扩展菜单/01-快速扩展一个菜单.html
    其实已经比较清楚了,如何在vue-框架项目中使用,参考下面
  • 如何在vue-框架项目中自定义菜单示例
    https://blog.csdn.net/JCAL123/article/details/113341513
  • 补充一个
    https://blog.csdn.net/qq_39235055/article/details/107016627
  • 中途参考了加粗的官方源码
    https://github.com/wangeditor-team/wangEditor/blob/master/src/menus/bold/index.ts
  • 中间一度被Document.execCommand()底层的基础api搞疯
    https://developer.mozilla.org/en-US/docs
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值