【无标题】

二次改造form-create插件内容

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

因为功能需求需要在表单里有富文本编辑的功能，之前引用的form-create的插件，他在1.0版本的时候大概是有这个富文本功能，到2.0，和3.0的时候这个api好像去掉了 所以只能自己封装一个带有的editor功能的

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、封装一个自己的editor组件

这里editor我用的也是第三方的组件（wangeditor）这个插件在上一家公司也一直用 这个对于基本的富文本都是满足的 ，里面的api的实例也很清楚，使用起来很方便，有需要的话可以试试
官方地址：https://www.wangeditor.com/v5/for-frame.html#%E4%BD%BF%E7%94%A8-1

二、editor组件内容

1.引入库

代码如下（示例）：
这里的关键是props.formCreateInject.rule.props.value，这个方法主要是给自定义组件获取到内容需要回调给form-create里的

2.全局引入自定义组件

这里需要全局挂载到formCreate上 不然无法生效
然后在rule上引用，因为我们是动态的 需要动态修改布局等 我们就封装了一个js专门处理这些

大概是这个处理 具体可以参考官方给的rule参考模式
最后调用formCreate.getApi(‘name0’).rule这个方法做数据过滤内容

---

总结

这个自定义的回调虽然不是最优的处理方式，这也是我翻遍了很多文章，比较适合我们这个方法的一个处理方式，