1. 程式人生 > >BootStrap模態對話框中的富文本編輯器

BootStrap模態對話框中的富文本編輯器

cnblogs 火狐瀏覽器 文件 模態對話框 選擇 png edit ots Edito

產品需要在模態對話框中使用富文本編輯器,模態對話框是用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

BootStrap模態對話框中的富文本編輯器