UEditor编辑器如何设置代码高亮?javascript

/ / 2023-04-12   阅读:2514
如果是一个编程或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>


上面路径请以实际路径为准。


我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈