学习SyntaxHighlighter

学习SyntaxHighlighter一款高亮显示各种格式的开源插件 下载地址 http alexgorbatch com SyntaxHighli download 下载后解压 demos 目录中有对应的例子 nbsp SyntaxHighli 的用法相对简单 官网原文如下 BasicStepsTo

一款高亮显示各种格式的开源插件:

下载地址:http://alexgorbatchev.com/SyntaxHighlighter/download/

下载后解压:demos目录中有对应的例子

 

SyntaxHighlighter的用法相对简单:官网原文如下:

Basic Steps To get SyntaxHighlighter to work on you page, you need to do the following: Add base files to your page: shCore.js and shCore.css Add brushes that you want (for example, shBrushJScript.js for JavaScript, see the list of all available brushes) Include shCore.css and shThemeDefault.css Create a code snippet with either or  method (see below) Call SyntaxHighlighter.all() JavaScript method

 

要注意第2步骤是引入对应要需要高亮显示文本的类型如java、js.xml等要引入对应的js,具体js可以再根目录中scripts文件包中找到

 

官网提供了两中实现高亮显示的方式:

(1) method

把要展示的内容放在


标签体中例如:

 function foo(){ } 

 

 

class属性中 xx代表要展示代码的类型js、java、html等

在一个页面中可以包含多个标签,class可以指定不同的代码格式

 

最后需要增加:

 

 

(2) method

中要使用 标签请看:

 

 

 

内容放置到xxx中(xxx带表内容),type=”syntaxhighlighter”为固定写法,class=”brush: xx”中(xx表示代码的类型)

在一个页面中可以包含多个标签,class可以指定不同的代码格式

 

样例:需要引入文件:

 
    
    SyntaxHighlighter Autoloader Demo 
     
     
     
     
      
      
     
   

 

 

 

这是自动装载的对应代码类型js,可以自己取舍需要的js,以及css样式的调整

 

如有不足之处,希望大家帮忙指出,希望和大家一起共同学习,进步。

 

 

 

 

 

 

 

 

 

 

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225991.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午8:05
下一篇 2026年3月17日 上午8:06


相关推荐

  • parsererror是什么意思中文翻译python-Python etree.ParserError方法代码示例

    parsererror是什么意思中文翻译python-Python etree.ParserError方法代码示例本文整理汇总了Python中lxml.etree.ParserError方法的典型用法代码示例。如果您正苦于以下问题:Pythonetree.ParserError方法的具体用法?Pythonetree.ParserError怎么用?Pythonetree.ParserError使用的例子?那么恭喜您,这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在模块lxml.e…

    2022年6月24日
    46
  • @NotNull 等注解的简单使用

    @NotNull 等注解的简单使用注册一个账号,有账号+密码前端会做一个判空,但是后端同时也要做一个判空,防止url直接访问这时后端的代码通常是:if(name!=null){ return”账号不能为空,请重新输入”;}elseif(password!=null){ return”密码不能为空,请重新输入”;}这样就会显得特别low,而且极不美观这时候就要用到一个注解@NotNull简单举例说明:@DatapublicclassUserInfo{@NotNull(message=”

    2025年5月26日
    5
  • vue路由懒加载的3种方法

    vue路由懒加载的3种方法这里写自定义目录标题欢迎使用 Markdown 编辑器新的改变功能快捷键合理的创建标题 有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中 居左 居右 SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的 KaTeX 数学公式新的甘特图功能 丰富你的文章 UML 图表 FLowchart 流程图导出与导入导出导入欢迎使用 Markdown 编辑器你好 这是你第一次使用 Markdown 编辑器所展示的欢迎页 如果你想学习如何使用 Mar

    2026年3月17日
    1
  • resultset类所有方法_resultset获取列名,和对应值

    resultset类所有方法_resultset获取列名,和对应值 chenjieuniqueResult()返回唯一结果(这种一般只会返一条实体类对象信息)Result()返回结果(展示所有结果)   publicTQuaAcceptancegetTQuaAcceptance(StringqaId){       //sql语句      Stringhql="fromTQuaAcceptance…

    2025年10月20日
    5
  • uml建模工具 哪个好用_UML建模工具

    uml建模工具 哪个好用_UML建模工具用过很多种软件画过UML图,但是一直都不怎么满意。今天无意中发现了StarUML3这个软件,不管是颜值还是功能都很对我的胃口。话不多说,开始介绍。StarUML3StarUML3下载:到官网下载即可StarUml官网:http://staruml.io/StarUML是一个复杂的软件建模工具,旨在支持敏捷和简洁的建模。下面是StarUML3的界面(颜值超高有没有)刚发现这款软…

    2025年7月10日
    3
  • Linux下tomcat的安装与项目部署

    Linux下tomcat的安装与项目部署

    2021年9月16日
    47

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号