問(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)
找到
復(fù)制代碼 代碼如下:
.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;
改成
復(fù)制代碼 代碼如下:
.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寫法不一樣,只要對(duì)應(yīng)的位置加上這個(gè)強(qiáng)制換行就可以了
最終效果
