npm i wangeditor --save
页面单独引入
import E from "wangeditor";
data(){
return{
editor:null,
}
}
mounted() {
const editor = new E('#div1');
// 配置 onchange 回调函数,将数据同步到 vue 中
editor.config.onchange = (newHtml) => {
this.ruleForm.activity_content = newHtml;
}
editor.create();
this.editor = editor;
},
vue富文本编辑器
转载文章标签 vue 文本编辑器 文章分类 JavaScript 前端开发
上一篇:vue使用webpack打包失败
下一篇:vue瀑布流布局
-
十二款·富文本编辑器:数字创作的瑞士军刀
在实际项目中,选择适合需求的富文本编辑器,并根据最佳实践进行集成和定制,将有助于提高用户编辑体验,为项目增添更多的交互性和吸引力。
富文本编辑器 java md Markdown -
java vue 富文本编辑器传参 vue中使用富文本编辑器
wangEditor是一个轻量级 web 富文本编辑器,配置方便,使用简单。 官方文档:Introduction · wangEditor 用户文档 &
java vue 富文本编辑器传参 javascript vue python django