只需要在前臺需要顯示代碼的頁面調(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>

問題描述

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

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

解決辦法：

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

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

找到

.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;}
只要對應(yīng)的位置加上這個強(qiáng)制換行就可以了,就是加上 word-break:break-all;

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

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