百度编辑器ueditor前台代码高亮无法自动换行解决方法
更新时间：2013年12月12日 17:19:25 作者：
这两天本站成功安装整合了百度编辑器ueditor，用着还挺不错，但是遇到了点小问题
问题描述：
在内容里面插入代码高亮显示，后台编辑器中是可以自动换行的，但是发表后，在前台查看，发现代码不能自动换行，直接超出了内容页的边界，极不美观，虽然复制是可以完整的。
解决办法：
找到高亮代码显示的css文件 /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css
具体的路径根据你的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写法不一样,只要对应的位置加上这个强制换行就可以了
最终效果
相关文章
FCK判断内容是否为空(如果只是去空格，那么这种方式是错误的)
一般来说，像input里面的值都可以通过将内容去空格判断是否为空，但是FCK没那么简单，因为当你多打几个空格或者多打一些回车，它会自动地生成一些<p>标签，如果再用原先去空格判断的方法，显然是不可取的。2010-12-12
要修改默认后台程序处理文件，修改plugins(插件文件夹)下的JavaScript内容fileManagerJson改为自己使用程序语言2011-11-11
使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板2014-06-06
关于jsp版ueditor1.2.5的部分问题解决(上传图片失败)
这篇文章主要介绍大家在使用jsp版ueditor1.2.5的碰到的一些问题解决方法，需要的朋友可以参考下2013-06-06
FCKEditor网页编辑器 几点使用心得，需要的朋友可以参考下。2009-10-10
dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法
最近使用了dedecms ckeditor编辑器，发现每次都是当前页打开，对用户浏览造成一定的麻烦，所以特改成新窗口打开，这里脚本之家小编为大家分享下2014-07-07
有时会包含大量代码，如果能在文章中高亮显示代码文章的可读性肯定会好很多。2009-05-05
浏览器执行history.go(-1) FCKeditor编辑框内显示html源代码的解决方法
使用FCKeditor编辑文章，出于某种原因提交失败，此时浏览器执行返回动作，FckEditor编辑框内显示html代码。2010-12-12
今天笔者就给大家推荐一款百度UEditor编辑器。关于这款百度UEditor编辑器官网上也有简单的教程，不过看着比较费劲，今天笔者就跟大家分享一下百度UEditor编辑器使用教程与使用方法，希望对大家有所帮助2016-11-11
这篇文章主要介绍了使用Js获取、插入和更改FCKeditor编辑器里的内容，包括JS操作Fckeditor的一些常用方法,需要的朋友可以参考下2020-02-02
最新评论