vue 项目中如何使用 富文本编辑
作者:互联网
第一步
npm i wangeditor
第二步
在需要的组件中引入
import WangEditor from "wangeditor";
第三步 找到容器 <div id="editor"></div> 写一个函数 const wangeditor = () => { let editor: any = new WangEditor("#editor"); editor.config.customAlert = (err: any) => { //如果检测到错误的话就打印. console.log(err); }; editor.customConfig = editor.customConfig ? editor.customConfig : editor.config; //设置customConfig属性 //设置customConfig对编辑器内文字的变化的处理方法 editor.customConfig.onchange = (html: any) => { //参数html即已经转化HTML格式的文本 editorContent.value = html; }; editor.create(); };标签:文本编辑,vue,项目,wangeditor,customConfig,html,editor,config,any 来源: https://www.cnblogs.com/yxlbk/p/16583882.html