WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
在线留言 网站地图 加入收藏 设为首页
您的位置:本站首页>>网页设计制作技巧>>解决百度ueditor编辑器插入代码,前台无法自动换行

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

[ 录入者:91ctc | 时间:2015-04-30 11:06:32 | 作者: 91ctc| 来源:本站 | 浏览: 次 ]


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

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

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

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

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


关闭】【返回顶部

相关文章
{xiangguan_list}
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。联系我们
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号