logo在线设计网站,中国电信安徽分公司招聘网站,网站营销策划公司,埃及网站后缀一、百度富文本编辑器
1.首先下载 百度富文本编辑器 下载地址#xff1a;GitHub - fex-team/ueditor: rich text 富文本编辑器
2.把下载好的文件整理好 放在图片目录下 3. 安装插件vue-ueditor-wrap
npm install vue-ueditor-wrap
4.在你所需要展示的页面 引入vue-uedito…一、百度富文本编辑器
1.首先下载 百度富文本编辑器 下载地址GitHub - fex-team/ueditor: rich text 富文本编辑器
2.把下载好的文件整理好 放在图片目录下 3. 安装插件vue-ueditor-wrap
npm install vue-ueditor-wrap
4.在你所需要展示的页面 引入vue-ueditor-wrap 此时 你的页面就能展示出来编辑器了
二、集成秀米编辑器
1.你可以参考官方文档秀米图文排版UEditor插件示例也可以参考我下面的操作
2.首先 在官方文档下载以下4个文件 3.把他们按照下图 丢进你的项目里 4.在main.js中引入基本文件第一次npm run start时编辑ueditor.all.js可能会比较慢等待一会就好了 注意1.xiumi-ue-dialog-v5一定要放在ueditor.all.js后面不然可能会出现报错 2.下载的图标样式最好放在本地图二我的项目就遇到直接请求背景图地址https://dl.xiumi.us/connect/ue/xiumi-connect-icon.png图一 编辑器并不能展示图标的情况 3. 在ueditor.config.js文件中 找到toolbars属性添加dialog字段否则编辑器也是不会展示图标的 5.此时你的编辑器就能出现秀米的图标啦 6.改写xiumi-ue-dialog-v5.js中的iframeUrl
iframeUrl: editor.ui.UEDITOR_HOME_URL dialogs/xiumi-ue-dialog-v5.html,
此时点击图标就能打开秀米编辑器了
