• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >网页编辑器 > 百度编辑器ueditor前台代码高亮无法自动换行解决方法

百度编辑器ueditor前台代码高亮无法自动换行解决方法

作者: 字体:[增加 减小] 来源:互联网 时间:2017-06-05

本文主要包含ueditor 代码高亮,百度编辑器ueditor,百度ueditor,百度ueditor插件,ueditor 百度地图等相关知识, 希望在学习及工作中可以帮助到您

问题描述:

在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,极不美观,虽然复制是可以完整的。

解决办法:

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

具体的路径根据你的ueditor做改动

找到

改成

就是加上  word-break:break-all;

可能不同的ueditor版本css写法不一样,只要对应的位置加上这个强制换行就可以了

最终效果

</div>

您可能想查找下面的文章:

  • 百度编辑器ueditor前台代码高亮无法自动换行解决方法

相关文章

  • 2017-06-05CKEDITOR二次开发之插件开发方法
  • 2017-06-05百度UEditor编辑器使用教程与使用方法(图文)
  • 2017-06-05FCKEDITOR 相关函数介绍
  • 2017-06-05常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介
  • 2017-06-05伪静态下不能使用FCKeditor的解决方法
  • 2017-06-05syntaxhighlighter 去掉右上角问号图标的三种方法
  • 2017-06-05UEditor编辑器自定义上传图片或文件路径的修改方法
  • 2017-06-05通过Fckeditor把图片上传到独立图片服务器的方法
  • 2017-06-05FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合
  • 2017-06-05解决FCKEditor在IE10、IE11下的不兼容问题

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • asp.net+FCKeditor上传图片显示叉叉图片无法显示的问题的解决方法
    • 百度ueditor组件上传图片后如何设置img里的alt属性
    • Prism 代码高亮修改不包含 Code 标签的支持
    • 网页编辑器FCKeditor 2.6.4精简配置方法
    • 让谷歌浏览器Google Chrome支持eWebEditor的方法
    • 页面上存在多个FckEditor编辑器的验证方法
    • FCKeditor 图片上传进度条不动的解决方法
    • FCKeditor .NET的配置、扩展与安全性经验交流
    • 百度编辑器Ueditor增加字体的修改方法
    • fckeditor在ie9中无法弹出对话框的解决方法(弹出层兼容问题)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有