首页 windows软件 手机软件 驱动下载 电脑教程 专题合集
当前位置: 首页 > 电脑教程 > SEO技术 > 百度编辑器前端代码高亮、行距过小解决办法

百度编辑器前端代码高亮、行距过小解决办法

时间:2018-06-26 22:09:14

小编:动力软件园

阅读:


 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...


微信图片_20180626163714.png



使用编辑器后,后台添加代码,前台不显示的话可以通过添加高亮js显示,这两个js文件就在你的编辑器目录下,自己随意指定即可。


<script type="text/javascript" src="/js/shCore.js"></script>      
<link rel="stylesheet" href="/js/shCoreDefault.css" type="text/css" />    
<script>      
SyntaxHighlighter.all()    
</script>


<script type="text/javascript" src="/js/shCore.js"></script>      
<link rel="stylesheet" href="/js/shCoreDefault.css" type="text/css" />    
<script>      
SyntaxHighlighter.all()    
</script>


前台显示代码的时候,行距过小,如下图,文字都快挤到一起了,码农看起来还不累死个球,看来百度很恨码农啊。


这个是通过调整后的图:是不是帅气,好看了许多?????


ZXJK`FD(E6K0B$WOZP45R%M.png


如何调整百度编辑器前台显示效果呢,很简单,F12 看到了吧,调整line-height:1.5em! 即可。。




line-height:1.5em!

相关阅读

火爆手游