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

如果是一个编程或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

(0)
江山如画的头像江山如画管理团队
导航特效:jquery实现当前(活动)菜单样式变化
上一篇 2018年2月8日 下午12:51
导航特效:纯css制作三级下拉导航菜单
下一篇 2018年2月9日 上午10:34

99%的人还看了以下文章

  • myeclipse集成的tomcat在哪个目录下

    myeclipse集成了Tomcat服务器,本文介绍了myeclipse集成的tomcat在哪个目录下?查看myeclipse集成的tomcat在哪个目录下的方法

    2020年2月6日
    17.8K0
  • 第3课:C语言程序的构成和书写规则

    先来看一个C语言程序:输入两个正整数,计算并输出两数的和。 程序代码: /*ex1_2.c:求两个正整数的和*/ #include <stdio.h> void main()                         /*主函数*/ {     int a,b,sum;                    /*定义三个整型变量*/    …

    2020年4月5日
    12.6K0
  • 快来围观!微信小程序开发需要前期准备的信息整理出来了

    快来围观!微信小程序开发需要前期准备的信息整理出来了快来围观!微信小程序开发需要前期准备的信息整理出来了快来围观!微信小程序开发需要前期准备的信息整理出来了快来围观!微信小程序开发需要前期准备的信息整理出来了

    一、域名以及服务器 注册一个域名,域名必须进行ssl证书配置 域名进行备案 准备服务器可选择自主搭建机房,也可选择云服务器 二、注册微信小程序 1.在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。 2.登陆微信公众平台https://mp.weixin.qq.com/ 点击注册->注册小程序 3.依次按照官方提示填写注…

    2022年9月19日 编程开发
    6.6K0
  • 简!python中安装pip的方法

     pip的安装 打开cmd,输入以下命令安装pip: python -m ensurepip –default-pip 出现如下图所示,代表pip安装成功: 查看pip版本 pip –version 更新pip版本 python -m pip install –upgrade pip 安装库 例如安装pyyaml库,打开cmd输入以下命令: pip i…

    2023年5月18日
    20.4K0
  • 基于jspSmartUpload的JSP文件上传(一次可以上传多个文件)

    可以一次上传多个文件 upload.html <html> <head> <title>网页设计:文件上传</title> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> </head> <b…

    2018年12月11日
    4.0K0
  • 500 Internal Server Error 错误原因及解决方法(图)

    500 属于服务器内部错误。如果其他网站可以打开,就这一网站打不开,那是该网站的服务器出了问题,跟你的电脑无关,如果其他网页都打不开,你就试着用工具修复一下浏览器。 500内部服务器错误的一般原因是IIS服务器无法解析ASP代码。 如:ASP语法出错、ACCESS数据库连接语句出错,文件引用与包含路径出错、使用了服务器不支持的组件如FSO等。 如果在Wind…

    2018年7月2日
    36.5K0

发表回复

登录后才能评论

评论列表(1条)

  • 江山如画的头像
    江山如画 2018年12月27日 下午2:26

    推荐:Enlighter – 一款功能强大的WordPress代码高亮插件
    插件下载地址:https://wordpress.org/plugins/enlighter/
    可以设置样式、默认语言、缩进、行数提示等等。
    这款插件功能强大,设置简单,使用方便,且展现的代码高亮也比较友好。