百度編輯器ueditor前臺(tái)代碼高亮無(wú)法自動(dòng)換行解決方法
問(wèn)題描述:
在內(nèi)容里面插入代碼高亮顯示,后臺(tái)編輯器中是可以自動(dòng)換行的,但是發(fā)表后,在前臺(tái)查看,發(fā)現(xiàn)代碼不能自動(dòng)換行,直接超出了內(nèi)容頁(yè)的邊界,極不美觀,雖然復(fù)制是可以完整的。
解決辦法:
找到高亮代碼顯示的css文件 /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css
具體的路徑根據(jù)你的ueditor做改動(dòng)
找到
.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;
改成
.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;word-break:break-all;
就是加上 word-break:break-all;
可能不同的ueditor版本css寫(xiě)法不一樣,只要對(duì)應(yīng)的位置加上這個(gè)強(qiáng)制換行就可以了
最終效果
相關(guān)文章
免費(fèi)開(kāi)源百度編輯器(UEditor)使用方法
UEditor是一個(gè)開(kāi)源免費(fèi)的編輯器,由百度web前端研發(fā)部開(kāi)發(fā)所見(jiàn)即所得富文本web編輯器,具有輕量,可定制,注重用戶體驗(yàn)等特點(diǎn),開(kāi)源基于BSD協(xié)議,允許自由使用和修改代碼2014-05-05
Office文檔在線編輯的一個(gè)實(shí)現(xiàn)方法
因?yàn)轫?xiàng)目的關(guān)系,研究了一下Office的在線編輯功能,寫(xiě)出來(lái)共享一下。2010-06-06
SyntaxHighlighter配合CKEditor插件輕松打造代碼語(yǔ)法著色
作為程序員在寫(xiě)博客文章的時(shí)候,經(jīng)常要插入些代碼片斷,很多博客系統(tǒng)都提供代碼語(yǔ)法著色高亮顯示的功能或插件,讓代碼顯示更直接明了2012-09-09
使用ZeroClipboard解決跨瀏覽器復(fù)制到剪貼板的問(wèn)題
Zero Clipboard 利用透明的Flash讓其漂浮在復(fù)制按鈕之上,這樣其實(shí)點(diǎn)擊的不是按鈕而是 Flash ,這樣將需要的內(nèi)容傳入Flash,再通過(guò)Flash的復(fù)制功能把傳入的內(nèi)容復(fù)制到剪貼板2014-06-06

