百度编辑器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写法不一样,只要对应的位置加上这个强制换行就可以了

最终效果

相关文章

  • FCKEditor 表单提交时运行的代码

    FCKEditor 表单提交时运行的代码

    我们在使用fckeditor进行提交的时候,会运行的代码,方便我们增加功能等。
    2009-06-06
  • ckeditor插件开发简单实例

    ckeditor插件开发简单实例

    我需要在编辑文本的时候,选择一段文字,点击自定义的按钮,就能够在这段文字后面增加一个图标,图标超链接去一个地址,以选中的文字作为参数
    2013-07-07
  • ASX文件 终极教程

    ASX文件 终极教程

    整理资料的时候,发现电脑里保存了一些ASX文件。这些文件原来是玩MSN空间时用到的,主要用于在MSN空间上安装播放器。很久没玩MSN空间了,虽然现在也还在用MSN,但MSN空间的速度真的是慢得让我难以接受,所以还是不用MSN空间。顺便分析一下ASX文件的格式,以方便那些还在用MSN空间的朋友。
    2008-02-02
  • FckEditor 中文配置手册详细说明

    FckEditor 中文配置手册详细说明

    首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来 说,这几乎是个很难解决的难题
    2009-05-05
  • fckeditor 常用函数

    fckeditor 常用函数

    对于操作 fckeditor的朋友,有所帮助。其实我们用插件的方法制作也是不错的。功能可以更强。
    2009-06-06
  • FCKeditor 2.6.6在ASP中的安装及配置方法分享

    FCKeditor 2.6.6在ASP中的安装及配置方法分享

    FCKeditor目前的最新版本是2.6.6,在网上搜索此版本的配置方法,发现很少有asp的配置方法,以下就把自己的一些配置经验分享给有需要的你。
    2012-03-03
  • nicedit 轻量级编辑器 使用心得

    nicedit 轻量级编辑器 使用心得

    NicEdit是一个轻量级,跨平台,内置内容编辑器,允许在浏览器中轻松地编辑网站上的内容。
    2009-06-06
  • ThinkPHP中FCKeditor编辑器的使用方法

    ThinkPHP中FCKeditor编辑器的使用方法

    前段时间一直为TP寻找好用的在线编辑器而苦恼,经过多次尝试与修改后,终于成功地将编辑器集成到Thinkphp里面
    2012-07-07
  • CKEditor中加入syntaxhighlighter代码高亮插件

    CKEditor中加入syntaxhighlighter代码高亮插件

    CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站
    2014-12-12

最新评论