百度編輯器ueditor前臺代碼高亮無法自動換行解決方法
更新時間：2013年12月12日 17:19:25 作者：
這兩天本站成功安裝整合了百度編輯器ueditor，用著還挺不錯，但是遇到了點小問題
問題描述：
在內(nèi)容里面插入代碼高亮顯示，后臺編輯器中是可以自動換行的，但是發(fā)表后，在前臺查看，發(fā)現(xiàn)代碼不能自動換行，直接超出了內(nèi)容頁的邊界，極不美觀，雖然復制是可以完整的。
解決辦法：
找到高亮代碼顯示的css文件 /e/data/ecmseditor/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;
改成
復制代碼 代碼如下:
.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寫法不一樣,只要對應的位置加上這個強制換行就可以了
最終效果
相關(guān)文章
FCK判斷內(nèi)容是否為空(如果只是去空格，那么這種方式是錯誤的)
一般來說，像input里面的值都可以通過將內(nèi)容去空格判斷是否為空，但是FCK沒那么簡單，因為當你多打幾個空格或者多打一些回車，它會自動地生成一些<p>標簽，如果再用原先去空格判斷的方法，顯然是不可取的。2010-12-12
KindEditor 4.x 在線編輯器常用方法小結(jié)
要修改默認后臺程序處理文件，修改plugins(插件文件夾)下的JavaScript內(nèi)容fileManagerJson改為自己使用程序語言2011-11-11
使用ZeroClipboard解決跨瀏覽器復制到剪貼板的問題
Zero Clipboard 利用透明的Flash讓其漂浮在復制按鈕之上，這樣其實點擊的不是按鈕而是 Flash ，這樣將需要的內(nèi)容傳入Flash，再通過Flash的復制功能把傳入的內(nèi)容復制到剪貼板2014-06-06
關(guān)于jsp版ueditor1.2.5的部分問題解決(上傳圖片失敗)
這篇文章主要介紹大家在使用jsp版ueditor1.2.5的碰到的一些問題解決方法，需要的朋友可以參考下2013-06-06
FCKEditor網(wǎng)頁編輯器 幾點使用心得，需要的朋友可以參考下。2009-10-10
dedecms ckeditor編輯器添加鏈接默認新窗口打開的修改方法
最近使用了dedecms ckeditor編輯器，發(fā)現(xiàn)每次都是當前頁打開，對用戶瀏覽造成一定的麻煩，所以特改成新窗口打開，這里腳本之家小編為大家分享下2014-07-07
Windows Live Writer 實現(xiàn)代碼高亮
有時會包含大量代碼，如果能在文章中高亮顯示代碼文章的可讀性肯定會好很多。2009-05-05
瀏覽器執(zhí)行history.go(-1) FCKeditor編輯框內(nèi)顯示html源代碼的解決方法
使用FCKeditor編輯文章，出于某種原因提交失敗，此時瀏覽器執(zhí)行返回動作，F(xiàn)ckEditor編輯框內(nèi)顯示html代碼。2010-12-12
今天筆者就給大家推薦一款百度UEditor編輯器。關(guān)于這款百度UEditor編輯器官網(wǎng)上也有簡單的教程，不過看著比較費勁，今天筆者就跟大家分享一下百度UEditor編輯器使用教程與使用方法，希望對大家有所幫助2016-11-11
使用Js獲取、插入和更改FCKeditor編輯器里的內(nèi)容
這篇文章主要介紹了使用Js獲取、插入和更改FCKeditor編輯器里的內(nèi)容，包括JS操作Fckeditor的一些常用方法,需要的朋友可以參考下2020-02-02