百度編輯器ueditor代碼高亮效果前臺不顯示的解決方法

百度編輯器ueditor代碼高亮效果前臺不顯示的解決方法

<link href="你的ueditor路徑/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />  

<script type="text/javascript" src="你的ueditor路徑/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>  

<script type="text/javascript">      

SyntaxHighlighter.all();       

</script>

 

PS:在內容裏面插入代碼高亮顯示，後臺編輯器中是能夠自動換行的，可是發表後，在前臺查看，發現代碼不能自動換行，直接超出了內容頁的邊界，形成極不美觀的效果。因而想盡辦法，查找問題，通過不懈努力，終於解決了此問題。
下面來分享下方法：
如下文件須要修改：
/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css
打開：shCoreDefault.css
找到81行，

.syntaxhighlighter table {  

  width: 100% !important;  

    border: 1px solid #c0c0c0 !important;  

}

修改成：

.syntaxhighlighter table {  

  width: 100% !important; word-break:break-all;  

    border: 1px solid #c0c0c0 !important;  

}

便可實現自動換行，增長了一句：word-break:break-all;代碼，
意思是：強制打斷並換行的意思。