1、下载uditor压缩包
从Ueditor的官网Ueditor编辑器,官网地址为:http://ueditor.baidu.com/website/
将上述ueditor文件夹拷贝到vue项目的static文件夹中,此文件夹为项目的静态服务文件夹;
2.修改配置
在ueditor.config.js中修改如下代码:
window.UEDITOR_HOME_URL = "./static/ueditor/"
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
3、文件引入
在vue项目的入口文件main.js中将Ueditor所有的基础文件引入如下
import '../static/ueditor/ueditor.config.js'
import '../static/ueditor/ueditor.all.min.js'
import '../static/ueditor/lang/zh-cn/zh-cn.js'
import '../static/ueditor/ueditor.parse.min.js'
4、编写ueditor.vue组件
<template>
<div v-if="Object.keys(config).length>0">
<script id="editor" type="text/plain" class="fl" style=