富文本组件
本文中使用的组件是对wangeditor开源富文本组件的二次封装
示例
安装
Node
sh
npm install @form-create/component-wangeditor
npm install @form-create/component-wangeditor
浏览器
html
<script src="https://cdn.jsdelivr.net/npm/@form-create/component-wangeditor/dist/index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@form-create/component-wangeditor/dist/index.js"></script>
导入
Node
js
import FcEditor from "@form-create/component-wangeditor";
import FcEditor from "@form-create/component-wangeditor";
浏览器
var FcEditor = window.FcEditor;
var FcEditor = window.FcEditor;
挂载
js
Vue.component('editor', FcEditor);
//或者
formCreate.component('editor', FcEditor);
Vue.component('editor', FcEditor);
//或者
formCreate.component('editor', FcEditor);
生成
js
fApi = formCreate.create([
{
type:'editor',
field:'editor',
title:'editor',
value:'<b>@form-create/component-wangeditor</b>',
props:{
init(editor){
//todo 初始化
}
}
}
])
fApi = formCreate.create([
{
type:'editor',
field:'editor',
title:'editor',
value:'<b>@form-create/component-wangeditor</b>',
props:{
init(editor){
//todo 初始化
}
}
}
])
配置
props
属性 | 类型 | 说明 |
---|---|---|
v-model | string | 富文本内容 |
init | Function | 初始化 wangEditor |
config | object | 设置wangEditor组件的config |
disabled | boolean | 禁用富文本组件 |