新闻动态

我们珍惜遇见的每一位客户,也感恩以往岁月里给与我们支持的每一位客户

西安建站公司 ThinkPHP中实现百度编辑器代码高亮方法(HOOBOO)

只需要在前台需要显示代码的页面调用如下代码即可:

<!--代码高亮-->
<link rel="stylesheet" href="__PUBLIC__/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" />
<script src="__PUBLIC__/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript">
	SyntaxHighlighter.all();
</script>

问题描述

在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,


直接超出了内容页的边界

解决办法:


找到高亮代码显示的css文件  __PUBLIC__/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;border-radius:4px!important;border-collapse:separate!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;border-radius:4px!important;border-collapse:separate!important;word-break:break-all;}
只要对应的位置加上这个强制换行就可以了,就是加上 word-break:break-all;




让价值共享 记录企业发展脚步 感恩相伴


温馨提醒:找西安做网站的公司,请选择手续齐全、业务精、服务好的正规公司


Vip定制

宏博网络,做网站、网站建设、开发、设计微信二维码

微信公众号

宏博网络,做网站、网站建设、开发、设计微信公众号

联系电话:029-81773686

VIP定制:18966895139(苏先生)

VIP 定制

电话

微信公众号

返回顶部