主頁(yè) > 知識(shí)庫(kù) > 百度編輯器ueditor前臺(tái)代碼高亮無(wú)法自動(dòng)換行解決方法

百度編輯器ueditor前臺(tái)代碼高亮無(wú)法自動(dòng)換行解決方法

熱門(mén)標(biāo)簽:四平電話機(jī)器人哪家好 靈聲智能電話機(jī)器人招聘 株洲外呼營(yíng)銷(xiāo)系統(tǒng)有哪些 智能電銷(xiāo)機(jī)器人真的好嗎 天津電銷(xiāo)卡外呼系統(tǒng)線路 長(zhǎng)春銷(xiāo)售外呼系統(tǒng)業(yè)務(wù) 長(zhǎng)春防封卡電銷(xiāo)卡套餐 企業(yè)電話機(jī)器人辦理 興化400電話辦理多少錢(qián)

問(wèn)題描述:

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

解決辦法:

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

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

找到

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

最終效果

您可能感興趣的文章:
  • 免費(fèi)開(kāi)源百度編輯器(UEditor)使用方法
  • ASP.NET中集成百度編輯器UEditor
  • yii2整合百度編輯器umeditor及umeditor圖片上傳問(wèn)題的解決辦法

標(biāo)簽:漯河 黑龍江 運(yùn)城 石嘴山 新疆 貴港 青海 巴彥淖爾

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《百度編輯器ueditor前臺(tái)代碼高亮無(wú)法自動(dòng)換行解決方法》,本文關(guān)鍵詞  百度,編輯器,ueditor,前臺(tái),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《百度編輯器ueditor前臺(tái)代碼高亮無(wú)法自動(dòng)換行解決方法》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于百度編輯器ueditor前臺(tái)代碼高亮無(wú)法自動(dòng)換行解決方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章