其他分享
首页 > 其他分享> > vue 项目中如何使用 富文本编辑

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