Package Exports

vue-ueditor-block
vue-ueditor-block/dist/vue-ueditor-block.min.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-ueditor-block) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

UEditor（vue2版）

vue3版本 | vue2版本

安装

npm i vue-ueditor-block
// 已经集成了vue-ueditor-wrap

使用

import vueUeditorBlock from 'vue-ueditor-block';

Vue.use(vueUeditorBlock);

1. 下载静态资源到本地

在本node包中下载static中的资源，前端的为UEditor文件夹，后端根据类型自己选择需要版本的.zip文件

2. 参数

v-model：输入区对应的内容，双向绑定-->String;非必传
static-url：静态资源文件地址,指向index.html-->String;非必传;默认'/static/UEditor/'
cname：自定义class-->String;非必传
upload-url：图片上传的接口,后端可以看文档-->String;非必传
http-params：请求附带参数-->Object;非必传
only-show：只展示内容-->Boolean;非必传;默认false
extra-config：ueditor配置项,如与预设相同,则会覆盖之前的-->Object;非必传
@change：内容改变监听-->返回当前内容

3. 方法

getExample：获取当前ueditor的实例，可以使用其API

4. 组件预设ueditor配置

// 编辑器不自动被内容撑高
autoHeightEnabled: false,
// 定制菜单
toolbars: [
  [
    "fullscreen",
    "bold",
    "italic",
    "underline",
    "fontsize",
    "insertimage",
    "insertorderedlist",
    "insertunorderedlist",
  ],
  ["source"], // 调试时候使用
],
// 初始容器高度
initialFrameHeight: 240,
// 初始容器宽度
initialFrameWidth: "100%",
// 关闭自动保存
enableAutoSave: false,
// 是否启用元素路径
elementPathEnabled: false,
// 内容只读
readonly: false,
// 开启字数统计
wordCount: true,

5. 官方文档

http://fex-team.github.io/ueditor/#start-start