2025-05-06

wangEditor5-富文本编辑器

1.wangEditor5

1.1 安装

指令:

1 2	npm install @wangeditor/editor --save npm install @wangeditor/editor-for-vue@next --save

1.2 引入和使用

指令:

1
2
3

import '@wangeditor/editor/dist/css/style.css'
import {onBeforeUnmount, ref, shallowRef} from "vue";
import { Editor, Toolbar } from '@wangeditor/editor-for-vue'

1.3 在表格里查看富文本内容

1.4 富文本对应的后端文件上传接口

1.5 外部引入view.css（可选）

赏

纯属好玩

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

本文标题:wangEditor5-富文本编辑器

文章作者:Larkkkkkkk

发布时间:2025年05月06日 - 12时53分

最后更新:2025年05月06日 - 13时31分

原始链接:https://larkkkkkkk.github.io/2025/05/06/wangEditor5-%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8/

许可协议: "署名-非商用-相同方式共享 3.0" 转载请保留原文链接及作者。