vue 使用CKEditor 4

vue 使用CKEditor 4

基本用法

安装项目依赖：

npm install ckeditor4-vue

 全局使用：在man.js里引入启用

import CKEditor from 'ckeditor4-vue';
Vue.use( CKEditor );

单页面调用： 

import CKEditor from 'ckeditor4-vue'components: {ckeditor: CKEditorponent
},

 更改编辑器网址

CKEditor 4 Vue 组件在创建第一个编辑器时会从CDN加载最新的 CKEditor 4 版本的标准版本。

 到官网下载：CKEditor 4 | Visual Text Editor for HTML

 根据自己的需求选择一款，勾选简易图像，下载解压到项目里去，我这里放到了public文件夹里。

 使用editor-url指令更改地址

<ckeditor v-model="editorData" :config="editorConfig" :editor-url="editorUrl"></ckeditor>

data添加editorUrl ： 你的ip地址/ckeditor/ckeditor.js，例如：

editorUrl: "localhost:8080/ckeditor/ckeditor.js",

 修改成功如下：