解决百度ueditor编辑器插入代码,前台无法自动换行

  • A+
所属分类:脚本语言

百度最新的编辑器ueditor后台有很强大的插入代码功能,但是,插入的代码如果很长时,前台展示时,不能自动换行,很不完美,可见,任何互联网应用产品都有瑕疵。仔细思考一下不难发现,不能自动换行,很显然是css问题,笔者在HTML中的表格内容自动换行http://www.91ctc.com/article/article-308.html一文中已经详细说明不换行的原因,所以,我们百度的前端开发团队忽略了这个问题。

处理办法:找到shCoreDefault.css文件(这个文件回车和换行都已经被删除,可读性很差),找到如图所示的CSS类选择符.syntaxhighlighter:

解决百度ueditor编辑器插入代码,前台无法自动换行

给这个样式里追加一个word-break:break-all属性即可,更多关于这个属性的了解,读者可以参见:HTML中的表格内容自动换行http://www.91ctc.com/article/article-308.html

网上有人提出的建议,找到一大段代码,然后替换成一大段代码,真是不嫌麻烦啊,样式里的空行和回车都被百度前端工程师给删除了,而且不同版本的ueditor,样式写法也不完全一样,读者怎么一下子找一大段代码呢?

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin