如果是一个编程或IT类网站，页面上会有大量代码，而让代码高亮显示，显示行号等，可以使页面更美观，用户体验更好。如果后台用百度编辑器（ueditor）可以使用自带的SyntaxHighlighter来实现代码高亮。
UEditor是由百度web前端研发部开发的所见即所得富文本web编辑器，是百度的一个javascript编辑器的开源项目。
UEditor 是开源、免费的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果。
UEditor兼容性很好，是网站站长开发的首选，官网地址：UEditor官网 包含UEditor介绍、UEditor教程、UEditor 演示DEMO、UEditor使用帮助和UEditor下载。
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>
上面路径请以实际路径为准。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1173.html
微信扫一扫 
支付宝扫一扫 99%的人还看了以下文章
-
MVC(JSP+JavaBean+Servlet)+MYSQL入门实例:实现用户登陆
MVC(JSP+JavaBean+Servlet)+MYSQL实现用户登陆模块，具体功能： 客户在登陆页面Login.html输入用户名和密码，提交表单，由Servlet（LoginValidate.java）调用JavaBean(LoginDBO.java)验证用户名和密码，最后调用视图returnMessage.jsp显示，如果成功显示成功信息，不成功显…
-
【Java面试题】15道经典的java面试题（附答案）
Java是一种可以跨平台的面向对象的程序设计语言。Java 技术具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。今天，中国网页设计给大家分享15道较为经典的Java面试题，希望对你将来在企业面试中能有所帮助! 1、面向对象的特征有哪些方面? 2、访问修饰符…
-
最全的数据结构排序算法实现及比较
冒泡排序 类似暴力破解，1 – n 个，每个都比较一次。完成排序 public void sort(int[] arr) { int len = arr.length; for (int i = 0; i < len; i++) { for (int j = i + 1; j < len – 1; j++) { if (arr[i] …
-
实用sql查询语句详解1：给列取别名、查询部分行、多列排序
SQL(Structured Query Language)是用于访问和处理数据库的标准计算机语言，是所有数据库查询的语言，无论是高级查询还是低级查询，SQL查询语句的需求都是最常用的。 文章介绍了包括查询全部的行和列、给列取别名、查询部分行、多列排序、使用函数查询等。 SQL数据查询-SELECT语句基本结构 语句语法简单归纳为： SELECT selec…
-
Pillow-优秀的Python图像处理库安装及入门教程
Pillow库是Python 图像处理库（Python image library）的一个派生分支，提供了广泛的文件格式（BMP,PNG,JPEG等）支持，提供基本的图像处理能力，如： 图像存储、图像显示、改变图像大小，旋转图像，图像格式转换，色场空间转换，图像增强，直方图处理，插值和滤波等等。 比起OpenCV库的图像处理，功能有限，但函数使用非常方便，大…
评论列表（1条）
推荐：Enlighter – 一款功能强大的WordPress代码高亮插件
插件下载地址：https://wordpress.org/plugins/enlighter/
可以设置样式、默认语言、缩进、行数提示等等。
这款插件功能强大，设置简单，使用方便，且展现的代码高亮也比较友好。