百度編輯器ueditor前臺(tái)代碼高亮無法自動(dòng)換行解決方法

來源：本站原創(chuàng)|時(shí)間：2020-01-11|欄目：網(wǎng)頁編輯器|點(diǎn)擊：次

問題描述：

在內(nèi)容里面插入代碼高亮顯示，后臺(tái)編輯器中是可以自動(dòng)換行的，但是發(fā)表后，在前臺(tái)查看，發(fā)現(xiàn)代碼不能自動(dòng)換行，直接超出了內(nèi)容頁的邊界，極不美觀，雖然復(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)制換行就可以了

最終效果

上一篇：fckeditor編輯器下的自定義分頁符實(shí)現(xiàn)方法

欄目：網(wǎng)頁編輯器

下一篇：Fckeditor XML Request error:internal server error (500) 解決方法

本文標(biāo)題：百度編輯器ueditor前臺(tái)代碼高亮無法自動(dòng)換行解決方法

本文地址：http://www.jygsgssxh.com/a1/wangyebianjiqi/11805.html

更多網(wǎng)頁編輯器