2022-08-04 分類: 網站維護
經常做網站編輯,添加新聞,文章,產品,圖片,資料,確實對在線網頁編輯器的操作便捷性非常看重,總希望編輯器是能高端智能化,傻瓜式,所見即所得能讓完全不懂html css等技術代碼的文員都能編輯出漂亮的頁面效果是任何網編都夢寐以求的,但現實是沒有那么好的。
最近在編輯文章時偶爾了解到一個叫Markdown的編輯器,開始不知道是什么工具,后來網上搜索了解到原來次工具是一個非常簡單只需要幾個簡單快捷鍵就能很好編排出可視性強的文章,對于專業博客寫手或作家們做文字編排是福音,然后就在想我能不能找一個有這樣Markdown一樣方便的編輯器來編輯我的網站內容呢?后來發現是不行的,因為網站開發時程序員就集成了百度開源的一個編輯器叫Ueditor,沒辦法也只能先用他了,于是動起了深入自定義改造此編輯器的想法,先羅列出我在實際使用ueditor編輯網頁時遇到的許多不方便整理出來,而且這些問題極大降低了我網編的效率還有編排效果,真的很費神!主要問題有以下幾點:
1.不能直接將粘貼的圖片自動上傳到網站服務器(不管是從word里還是網絡鏈接的圖片,就這點對圖片的處理是最耗費時間的,平時我只能一張張的保存到電腦然后再一張張的上傳,可以想象是如果的效率低下!!!)
2.從網絡拷貝的文章默認粘貼到編輯框里無法去除樣式,必須得先點擊一個“純文本的粘貼”的按鈕(這多了一個步驟,心想能否默認就是純文本粘貼呢?)
3.ueditor竟然過濾樣式代碼,如style 等標簽,這問題很嚴重啊(有時我們已經重構好的html文件都是有樣式控制效果的,突然因為簡單修改保存后竟然頁面樣式全沒了變成了一個丑的要死的網頁,嚇出一身冷汗)
4.圖片能否批量上傳呢?而且是按照我們選擇的順序來排列呢?(吐槽:這又是一個難題,為了提高效率我們想批量上傳多張圖片因為圖片是有順序的,但是上傳上去后竟然給你順序打亂,這真的是惱火,不得不耗費很多時間去檢查重新拍!)
5.隔十幾秒時間自動能保存已經編輯好的內容(這個也很重要,經常遇到你在編輯文章過程很久突然斷電或不小心關閉了頁面抑或時間久了后臺自動退出這時悲劇了,前面耗費那么多時間編輯的內容竟然全沒了,欲哭無淚!心想有沒有好辦法能讓編輯器可以自動保存呢?)
目前我暫時感覺到這5點是影響大的,于是網上搜索資料在著手對ueditor編輯器進行優化改造,希望能提高工作效率,實在是太急迫了,最后通過堅持不懈的努力耗費兩晝夜時間終于給這5個問題盡可能的給優化過來,雖然還有部分使用問題沒有很好的解決但是比起最開始是好了不少。
針對一點解決方法:這個沒有對代碼做任何修改編輯器默認有,我的解決方法是將從網絡里拷貝的圖文文章先拷貝到word然后再從word里的粘貼到編輯器,于是出現了一個叫“圖片轉存”的提示這時就只能一張張的去給圖片進行轉存(怎么操作篇幅長自行搜索,有一個注意要點就是在生成一個本地圖片鏈接前面是帶file:///一定要給這個去掉才能在本地打開圖片),這個只能一張張的去轉存雖然也不太方便但是比起之前的方式是方便不少。網上也搜索過用一個空間叫wordpaster集合到編輯器里無奈小編不懂js技術搗鼓了幾個鐘都未能成功最后只好放棄有懂的朋友可以去試試。
第二點解決方法:https://blog.csdn.net/y18749247391/article/details/79915828 我是從這篇文章里改的。他能實現默認是純文本粘貼然后圖片能做到不屏蔽
第三點解決方法:這個需要自行網上搜,我自己的貌似技術有給解決。
第四點解決方法:圖片批量上傳本身是支持的但是順序混亂問題我有在網上找到這篇帖子https://blog.csdn.net/qq_33157666/article/details/79584365嘗試過貌似有問題不確定是我瀏覽器flash插件問題還是什么然后我又還原回來的,可以去試試。
第五點解決方法:對ueditor.config.js第104行 前面的注釋符號“//”刪除啟用自動保存(,enableAutoSave:true)
網頁名稱:網站維護之Ueditor編輯器深度自定義改造
分享路徑:http://m.newbst.com/news/185110.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站維護等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容