百度編輯器ueditor前臺代碼高亮無法自動換行解決方法

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

問題描述：

在內(nèi)容里面插入代碼高亮顯示，后臺編輯器中是可以自動換行的，但是發(fā)表后，在前臺查看，發(fā)現(xiàn)代碼不能自動換行，直接超出了內(nèi)容頁的邊界，極不美觀，雖然復(fù)制是可以完整的。

解決辦法：

找到高亮代碼顯示的css文件 /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css

具體的路徑根據(jù)你的ueditor做改動

找到

復(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寫法不一樣,只要對應(yīng)的位置加上這個強制換行就可以了

最終效果

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

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

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

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

本文地址：http://mengdiqiu.com.cn/a1/wangyebianjiqi/11805.html

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

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

網(wǎng)頁編輯器

百度編輯器ueditor前臺代碼高亮無法自動換行解決方法

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機閱讀