Skip to content

富文本组件

本文中使用的组件是对wangeditor开源富文本组件的二次封装

示例

editor

安装

Node

sh
npm install @form-create/component-wangeditor^3

浏览器

html
<script src="https://cdn.jsdelivr.net/npm/@form-create/component-wangeditor@^3/dist/index.js"></script>

导入

Node

js
import FcEditor from "@form-create/component-wangeditor";

浏览器

js
var FcEditor = window.FcEditor;

挂载

js
Vue.component('fcEditor', FcEditor);
//或者
formCreate.component('fcEditor', FcEditor);

生成

js
fApi = formCreate.create([
    {
       type:'fcEditor',
       field:'editor',
       title:'editor',
       value:'<b>@form-create/component-wangeditor</b>',
       props:{
           init(editor){
               //todo 初始化
           }
       }   
    }
])

配置

props

属性类型说明
v-modelstring富文本内容
initFunction初始化 wangEditor
configobject设置wangEditor组件的config
disabledboolean禁用富文本组件