BootStrap模态对话框中的富文本编辑器

产品需要在模态对话框中使用富文本编辑器，模态对话框是用BottStrap实现的。

 

先用KindEditor试了一下，发现一个问题，当KindEditor前面有输入控件，大约多于3个的时候，KindEditor的“图片上传”界面上的输入框会处于非激活状态。

 

尝试了直接在页面而不是在模态对话框中放置输入控件和KindEditor，放置了大量（20个左右）输入控件，然后放置KindEditor，KindEditor的“图片上传”界面上的输入框没有出现非激活状态。

 

 

在火狐浏览器上出现这个问题

还有一个问题，貌似不支持Linux文件路径：

 

选择了文件之后，变成了这样。

然后尝试了UEditor，遇到的问题是，当上传图片时，会弹出对话框，弹出的对话框出现在模态对话框后面。

 

然后尝试了wangEditor，试了一下，貌似兼容的比较好。

 

记录相关网页：

https://www.cnblogs.com/wangfupeng1988/p/4366994.html

http://www.wangeditor.com/

https://www.kancloud.cn/wangfupeng/wangeditor3/332599