UEditor编辑器如何设置代码高亮?javascript
如果是一个编程或IT类网站,页面上会有大量代码,而让代码高亮显示,显示行号等,可以使页面更美观,用户体验更好。如果后台用百度编辑器(ueditor)可以使用自带的SyntaxHighlighter来实现代码高亮。...
UEditor是由百度web前端研发部开发的所见即所得富文本web编辑器,是百度的一个javascript编辑器的开源项目。
UEditor 是开源、免费的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果。
UEditor编辑器自带SyntaxHighlighter,支持多种语言,效果不错,且缩进比较完美。
UEditor设置页面代码高亮步骤:
1.引入css:
<link rel="stylesheet" href="/Public/widgets/SyntaxHighlighter/shCoreDefault.css" />
2.引入js文件(js较大,建议压缩且最好放到页面底部):
<script type="text/javascript" src="/Public/widgets/SyntaxHighlighter/shCore.js"></script>
3.初始化:
<script type="text/javascript"> SyntaxHighlighter.all(); //代码高亮 </script>
上面路径请以实际路径为准。
上一篇:js苹果手机端计算器代码
我要评论