使用ueditor小结
生活随笔
收集整理的這篇文章主要介紹了
使用ueditor小结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 導入js:ueditor.config.jsueditor.all.jscss/images/plugin:themeslangdialog(可選)third-party(可選)2. 配置修改 ueditor.config.js 的 UEDITOR_CONFIGa. 定義 themes, lang, third-party 的路徑,如果是在同一文件夾下,定義 UEDITOR_HOME_URL 就可以了否則分別修改 themePath, langPath, UEDITOR_HOME_URLb. 定義工具欄 toolbarssimpleupload : 簡單上傳:點擊按鈕,直接選擇文件上傳insertimage : 插入圖片,會呼起彈窗c. 其它配置(只列出修改的幾條,更多見文檔:http://ueditor.baidu.com/doc/)initialFrameHeight : 編輯器默認高度enableContextMenu : 右鍵菜單開關enableAutoSave : 是否自動保存topOffset : 工具欄懸浮時 top 值imageScaleEnabled : 圖片壓縮開關elementPathEnabled : 啟用元素路徑開關catchRemoteImageEnable : 遠程抓取圖片開關iframeCssUrl : 富文本 iframe 中導入的 css 外鏈文件wordCount : 字數統計開關d. 插件simpleupload : 簡單上傳:點擊按鈕,直接選擇文件上傳修改上傳接口和回調函數,修改接口可以統一在 getActionUrl 中定義,下同insertimage : 插入圖片,會呼起彈窗修改上傳接口和回調函數autoupload : 拖放文件到編輯區域,自動上傳并插入到選區修改上傳接口和回調函數catchremoteimage : 遠程圖片抓取,當開啟本插件時所有不符合本地域名的圖片都將被抓取成為本地服務器上的圖片修改上傳接口和回調函數catcherFieldName : 上傳接口中的 form namecatcherLocalDomain : 定義不做替換的圖片 domaine. 自定義按鈕參見:http://fex.baidu.com/ueditor/#dev-developer
3. 遇到的問題a. 想在富文本中插入一個自定義結構,獨立模塊,不可編輯,不可部分刪除參考微信公眾號,插入一個 iframe,子 iframe 中加 onclick,點擊時選中子 iframe(ie, ff 無法選中)b. 插入圖片后只顯示一半,編輯器高度沒有自動變化,focus 時才撐高插入圖片后 fire: me.fireEvent("contentchange");c. simpleupload 沒有 title找到 initUploadBtn ,給 input 加個 titled. 想在工具欄和富文本 iframe 中間插入一些內容參考微信公眾號,在 EditorUI.prototype 的 getHtmlTpl 中插入e. http 請求多個 css 文件,而且是用 js 異步加載的,會出現臨時樣式不對的情況將需要的 css 合并壓縮成一個文件,在 head 引入,去掉 UE.ui.Editor 中用 js 引入 css 的部分f. 在 IE 下 iframeCssUrl 指定的文件加載了,但竟然不生效也是醉了直接在 Editor.prototype 的 render 中寫入樣式
總結
以上是生活随笔為你收集整理的使用ueditor小结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Codeforces 486D D. V
- 下一篇: Laravel自定义分页样式