遇到的問題
首先聲明一下往声,我面臨的問題,以及我所處的環(huán)境:當前項目是后臺管理系統(tǒng)項目若贮,
主要用的是vue省有、iview、ckeditor5等谴麦。新建demo中ckeditor5運行完好蠢沿,
功能都很棒,可是匾效!搬到項目中舷蟀,竟然出現(xiàn)很多bug,主要問題有以下幾個:
1面哼、上傳圖片問題:圖片上傳后不會出現(xiàn)編輯圖片的按鈕野宜,一直處于聚焦狀態(tài);
2魔策、第一個問題解決后匈子,又發(fā)現(xiàn)……,圖片可編輯了代乃,但是Q7麓狻!如果當前編輯器內(nèi)容為空的話原茅,直接插入圖片吭历,圖片可變大小位置,可是一直處于聚焦狀態(tài)擂橘,如果直接輸入文字晌区,則圖片消失,最關鍵的是官方的demo也是如此通贞,真是讓人頭禿朗若!
3、最后還有一個小小的問題就是添加有序列表和無序列表的問題2帧(小我也解決了幾個小時哭懈,看來智商是不夠用了)
解決辦法
1、第一個問題:
????????????經(jīng)過我傻傻的試了半天茎用,終于的遣总,找到了一個自己不能解釋的解決辦法,尷尬轨功,但是管用旭斥!
? ? 就是我發(fā)現(xiàn)如果不把編輯器包含在iview的組件內(nèi),這個問題就不存在了9沤А4谷!羡滑!
? ? 直接包含在h5標簽內(nèi)菇爪!
2、第二個問題:
說多了都是淚柒昏,直接給官方提了issues, 給的回復:
Hello, you should create a new paragraph if you want to continue editing. You can achieve it by pressing Enter while an image is focused to insert a paragraph after the image or Shift + Enter to insert a paragraph before the image.
譯文:你好娄帖,如果你想繼續(xù)編輯,你應該創(chuàng)建一個新的段落昙楚。您可以通過按Enter鍵來實現(xiàn)這一點,當圖像被聚焦時诈嘿,您可以在圖像之后插入一個段落堪旧,或者按Shift + Enter鍵在圖像之前插入一個段落。
3奖亚、第三個問題淳梦,因為iview.css清除了ul li ol 的margin和padding,你的base樣式可能有l(wèi)ist-style:none昔字,記得去掉1邸首繁!
直接修改下iview dist目錄下 iview.css中的清除所有標簽的magin和padding,把ul li ol去掉即可!
博主不才陨囊,只能用這種愚笨的方法解決弦疮,如有高見,歡迎指教;-)