雷劈网 WEB表单设计器中 使用textarea控件 修改样式会被清理掉

286 阅读1分钟

因项目需要在富文本编辑器中使用了百度编辑器然后结合了雷劈网的表单设计器的插件 雷劈网插件地址 formdesign.leipi.org.cn/

项目需要一个富文本可以进行自定义表格的设计 以及可以进行自定义填充!

这里我投机取巧使用了这个插件

利用如图name属性 来在线填充数据

然后在使用图中发现选中表格后进行样式修改会将控件取消

点击加粗或者任何一个修改样式的操作都会将textarea清理掉

打开ueditor.all.js 找到

//不能认为是空的元素

$isNotEmpty: _({ table: 1, ul: 1, ol: 1, dl: 1, iframe: 1, area: 1, base: 1, col: 1, hr: 1, img: 1, embed: 1, input: 1,textarea: 1, link: 1, meta: 1, param: 1, h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1 }),

其中的textarea是我后面加上去的 这里加上则可以修复这个Bug

结尾: 在使用这个插件的时候,碰到过很多问题 插件的使用上不是很顺手。在经过几番源码修改后稍微可以用的舒服一些。这个控件也找了很久 如果有小伙伴和我有同样的需求也可以试着用用。

附上我在项目上的使用

利用name 绑定唯一的id

在前台展示的时候 利用这个id找到具体位置 进行填充数据!也可以利用textarea来让用户直接在表格上进行填写!

如果有小伙伴有更好的开源插件可以留言下 感谢大家~