百度编辑器ueditor前台代码高亮无法自动换行解决方法
这两天本站成功安装整合了百度编辑器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写法不一样,只要对应的位置加上这个强制换行就可以了
最终效果
相关文章
- 本案例非通用,仅作笔记以备用 修改后的结果是 百度编辑器里上传的图片路径为/d/file/upload1...2014-07-03
- 这篇文章主要介绍了如何在.Net版本UEditor中添加一个普通按钮,需要的朋友可以参考下...2021-09-22
同一页面放多个百度编辑器 Ueditor 并用PHP获取 Ueditor 的值的实例
UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,本文我们解决在同一个页面上如何放多个 UEditor ,然后再用 PHP 接收 UEditor 的值...2016-11-25一步步教你在Asp.net Mvc中使用UEditor编辑器
大家都知道ueditor是百度编辑器,目前使用也比较广泛,下面这篇文章主要是通过一步步的步骤教大家在Asp.net Mvc中使用UEditor编辑器,需要的朋友可以参考借鉴,下面来一起看看吧。...2021-09-22yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
这篇文章主要介绍了yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法的相关资料,需要的朋友可以参考下...2016-04-23帝国ECMS7.0 集成百度编辑器UEditor1.2.4 GBK/utf-8/
百度编辑器UEditor发布以来,相信很多盆友都眼热,希望能集成到伟大帝国CMS中。帝国CMS中从来不缺乏热心的大神。已经有大神免费发布帝国CMS6.6及7.0的百度编辑器了,但遗撼的是,该...2015-12-30- 百度编辑器上传图片是保存的图片很是有问题,便全部保存在了upload目录下,这样的话图片一多就不好管理,下面我来告诉你修改UEditor图片上传路径方法。 找到ueditor/ph...2016-11-25
- 使用ueditor编辑器,附件默认在ueditorphpupload, 但是大家的附件地址的默认路径可不是这个 ,需要修改ueditor,具体如何操作呢,下面我们就来详细讲解下...2016-10-20
- 本文章来为各位给各位介绍一篇关于Yii添加百度编辑器 ueditor 扩展例子,希望这篇教程能够帮助到各位。 这是别人写的一个yii1的百度编辑器ueditor的扩展,站长我已经...2016-11-25
.NET下为百度文本编辑器UEditor增加图片删除功能示例
今天下载了目前最新版1.2.5为版本看更新记录,主要是对表格做个修改,我下载用上,我靠,上传图片的删除功能给取消了,下面与大家分享下增加图片删除功能示例...2021-09-22帝国CMS替换编辑器为百度编辑器的方法:插件形式!改动量超少!
帝国的默认编辑器确实非常难用,今天墨鱼做了一个教程就是用嘴简单的方法来替换默认编辑器的方法!前台投稿和后台发布同时支持!先看一个华丽的截图:先下载下面附件里的编辑器(选择...2016-05-08- 一不小心看到百度出了一个编辑器ueditor,不过人气好像不高看了看功能啥的都还不错,可能推广还不够吧,受众群也不大。 官方网站:http://ueditor.baidu.com...2013-05-18
帝国ECMS6.6 集成百度编辑器UEditor1.2.4 GBK/utf-8/
百度编辑器UEditor发布以来,相信很多盆友都眼热,希望能集成到伟大帝国CMS中。帝国CMS中从来不缺乏热心的大神。已经有大神免费发布帝国CMS6.6及7.0的百度编辑器了,但遗撼的是,该...2015-12-30- 这篇文章主要介绍了thinkPHP下ueditor的使用方法,结合实例形式较为详细的讲述了thinkPHP下使用ueditor的具体步骤与相关技巧,需要的朋友可以参考下...2015-12-28
- phpweb是一个企业建站系统了可以快速的实现企业群站创建了,但这款使用的编辑器并不是百度编辑器对于小编来讲是非常喜欢百度编辑器了,下面一起来看看phpweb更换百度编辑...2016-11-25
- 本文给大家讲解的是如何在ASP.NET中集成百度编辑器UEditor的方法和具体的步奏,十分的详细,有需要的小伙伴可以参考下。...2021-09-22
- 一、ueditor介绍UEditor是由WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议,所有源代码在协议允许范围内可自由修改 ...2013-07-30
利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
这篇文章主要介绍了利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2021-09-22- .NET UEditor使用方法说明,需要的朋友可以参考一下...2021-09-22
- 百度编辑器ueditor确实不错,强大,有自动排版功能,插入百度谷歌地图功能,还能插入百度应用,表情用起来也十分方便,表格功能也比较强大,值得推荐!!...2013-07-30