博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度编辑器ueditor代码高亮效果前台不显示的解决方法
阅读量:7096 次
发布时间:2019-06-28

本文共 653 字,大约阅读时间需要 2 分钟。

hot3.png

百度编辑器ueditor代码高亮效果前台不显示的解决方法

  
  
      SyntaxHighlighter.all();       

 

PS:在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,造成极不美观的效果。于是想尽办法,查找问题,经过不懈努力,终于解决了此问题。

下面来分享下方法:
以下文件需要修改:
/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css
打开:shCoreDefault.css
找到81行,

.syntaxhighlighter table {     width: 100% !important;       border: 1px solid #c0c0c0 !important;   }

修改为:

.syntaxhighlighter table {     width: 100% !important; word-break:break-all;       border: 1px solid #c0c0c0 !important;   }

即可实现自动换行,增加了一句:word-break:break-all;代码,

意思是:强制打断并换行的意思。

转载于:https://my.oschina.net/miaowang/blog/285948

你可能感兴趣的文章
Tensorflow笔记_全连接网络基础
查看>>
7. 关于IntelliJ IDEA删除项目
查看>>
Android 应用兼容性最佳实践 | 中文教学视频
查看>>
AppCan,HTML5+CSS3
查看>>
Hadoop的计算特征以及一般用在哪些业务场景?(转载)
查看>>
下载工具 推荐
查看>>
vue源码解读1
查看>>
对称密码-分组密码-AES
查看>>
腾讯地图点击地图创建锚点(且只创建一个)同事创建锚点提示
查看>>
洛谷P1345 [USACO5.4]奶牛的电信Telecowmunication(最小割)
查看>>
洛谷P3396 哈希冲突(分块)
查看>>
优化Mysql数据库的8个方法
查看>>
Centos7下用户登录失败N次后锁定用户禁止登陆的方法
查看>>
开源许可协议简介
查看>>
How to Design Youtube (Part I)
查看>>
git错误
查看>>
Codeforces 388C - Fox and Card Game
查看>>
长白山茶叶蛋
查看>>
TF-IDF及其算法
查看>>
[UOJ217]奇怪的线段树
查看>>