只需要在前臺(tái)需要顯示代碼的頁(yè)面調(diào)用如下代碼即可：

<!--代碼高亮-->
<link rel="stylesheet" href="__PUBLIC__/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" />
<script src="__PUBLIC__/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript">
	SyntaxHighlighter.all();
</script>

問(wèn)題描述

在內(nèi)容里面插入代碼高亮顯示，后臺(tái)編輯器中是可以自動(dòng)換行的，但是發(fā)表后，在前臺(tái)查看，發(fā)現(xiàn)代碼不能自動(dòng)換行，

直接超出了內(nèi)容頁(yè)的邊界

解決辦法：

找到高亮代碼顯示的css文件  __PUBLIC__/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;border-radius:4px!important;border-collapse:separate!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;border-radius:4px!important;border-collapse:separate!important;word-break:break-all;}
只要對(duì)應(yīng)的位置加上這個(gè)強(qiáng)制換行就可以了,就是加上 word-break:break-all;

讓價(jià)值共享 記錄企業(yè)發(fā)展腳步 感恩相伴

溫馨提醒：找西安做網(wǎng)站的公司，請(qǐng)選擇手續(xù)齊全、業(yè)務(wù)精、服務(wù)好的正規(guī)公司