Vue3学习(二十)- 富文本插件wangeditor的使用
  fudyL5cfd5v4 2024年02月29日 17 0
Vue

写在前面

学习、写作、工作、生活,都跟心情有很大关系,甚至有时候我更喜欢一个人独处,戴上耳机coding的感觉。

明显现在的心情,比中午和上午好多了,心情超棒的,靠自己解决了两个问题:

  • 新增的时候点击TreeSelect控件控制台会给出报错
  • 分类新增和编辑时,报错父类和电子书iD不能为空的问题

富文本插件wangeditor的使用

官网地址:https://www.wangeditor.com/

1、安装

npm i wangeditor@4.6.3 --save

2、使用 npm 安装

import E from 'wangeditor'
const editor = new E('#div1')
// 或者 const editor = new E( document.getElementById('div1') )
editor.create()

3、在表单中使用

在form中加入标签,示例代码如下:

  <a-form-item label="内容">
    <div id="content"></div>
  </a-form-item>
  setup(){
    const editor = new E("#content")
    const add(){
      editor.create();
    },
    const edit(){
      editor.create();
    }
  }

4、效果:

写在最后

这里给广大网友个建议,就是学习要讲究时效性,比如你找的学习资料,看下是否严重超时,要么就会因为版本或者环境差异问题,足够你搞个1-2天了,哈哈,我上午大部份时间就是在搞环境,还好目前没任何遗留问题,感觉在变强中!

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2024年02月29日 0

暂无评论

推荐阅读
  JZjRRktyDDvK   17天前   35   0   0 Vue
  onf2Mh1AWJAW   2天前   6   0   0 Vue
fudyL5cfd5v4