UEditor編輯器工具欄被遮擋顯示不全解決辦法

2020年11月3日21:15:26 發(fā)表評(píng)論 5,134 ℃

當(dāng)在編輯很長(zhǎng)的文檔時(shí)候,UEditor編輯器的工具欄就是顯示一半,尤其需要修改的樣式的時(shí)候非常繁瑣,需要把滾動(dòng)條滾到最上面讓工具欄顯示出來(lái)才能添加樣式,長(zhǎng)期以來(lái)一直忍受這個(gè)問(wèn)題,如下圖:

UEditor編輯器工具欄被遮擋顯示不全解決辦法

這個(gè)問(wèn)題主要還是因?yàn)樽约航oUEditor編輯器添加了水印功能才導(dǎo)致的。 需要添加水印功能,可以參考文章《百度ueditor 1.4.3.1 PHP版本 上傳圖片添加水印

今天實(shí)在忍受不了,網(wǎng)上也找了好久,沒(méi)找到解決方案,但是發(fā)現(xiàn)UEditor編輯器工具好多功能和樣式可以在ueditor.config.js調(diào)試,于是去研究了下ueditor.config.js文件,發(fā)現(xiàn)有個(gè)參數(shù)topOffset可以浮動(dòng)工具欄,然后取下注釋//以后測(cè)試既然正常了。

        //autoFloatEnabled
        //是否保持toolbar的位置不動(dòng),默認(rèn)true
        //,autoFloatEnabled:true
        //浮動(dòng)時(shí)工具欄距離瀏覽器頂部的高度,用于某些具有固定頭部的頁(yè)面
        ,topOffset:30
        //編輯器底部距離工具欄高度(如果參數(shù)大于等于編輯器高度,則設(shè)置無(wú)效)
        //,toolbarTopOffset:400

生效以后如下圖:

UEditor編輯器工具欄被遮擋顯示不全解決辦法

相關(guān)推薦:

WordPress中百度編輯器UEditor代碼高亮中的行號(hào)與代碼內(nèi)容不能對(duì)齊解決辦法

WordPress中百度編輯器ueditor前臺(tái)代碼語(yǔ)言無(wú)法自動(dòng)換行解決辦法

【騰訊云】云服務(wù)器、云數(shù)據(jù)庫(kù)、COS、CDN、短信等云產(chǎn)品特惠熱賣中

發(fā)表評(píng)論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: