`
leeqoo
  • 浏览: 123948 次
社区版块
存档分类
最新评论

SyntaxHighlighter 代码高亮组件

    博客分类:
  • js
 
阅读更多
示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SyntaxHighlighter Build Test Page</title>
<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushBash.js"></script>
<script type="text/javascript" src="scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="scripts/shBrushCss.js"></script>
<script type="text/javascript" src="scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="scripts/shBrushJava.js"></script>
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="scripts/shBrushPython.js"></script>
<script type="text/javascript" src="scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="scripts/shBrushScala.js"></script>
<script type="text/javascript" src="scripts/shBrushSql.js"></script>
<script type="text/javascript" src="scripts/shBrushVb.js"></script>
<script type="text/javascript" src="scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
</head>

<body >
<h1>SyntaxHihglighter Test</h1>
<p>This is a test file to insure that everything is working well.</p>

<pre class="brush: c-sharp;">
function test() : String
{
return 10;
}
</pre>
</html>


版本下载地址:http://alexgorbatchev.com/SyntaxHighlighter/download/
  • 大小: 19.9 KB
分享到:
评论

相关推荐

    ReactNative的一个代码高亮组件

    在React Native中,我们经常需要展示代码片段,这时就需要用到代码高亮组件。"React Native的一个代码高亮组件"是专门为在React Native应用中优雅地展示源代码而设计的库。 代码高亮组件对于提升代码可读性和用户...

    android 代码高亮 syntaxHighlighter

    7. **替代方案**:除了`SyntaxHighlighter`,还有一些专门为Android设计的代码高亮库,如`GsonFormat`、`CodeView`等,它们可能更易于集成且性能更好,但也需要根据项目需求和资源来选择。 总之,通过将`...

    javaeye代码高亮插件

    JavaEye是一款知名的面向开发者的技术社区,它提供了丰富的代码展示功能,其中包括代码高亮显示。在WordPress等博客平台中,为了使代码段在文章中清晰易读,通常会使用代码高亮插件。JavaEye的代码高亮插件以其简洁...

    syntaxhighlighter

    **SyntaxHighlighter:让代码在浏览器中...总之,SyntaxHighlighter是一款强大的代码高亮工具,它的易用性和灵活性使其成为网页展示代码的首选。无论你是开发者、博主还是教育者,都能从中受益,提高你的代码展示质量。

    ASP.NET源码——ASP.NET高亮代码.zip

    在ASP.NET中,这通常通过使用特定的库或组件来实现,比如SyntaxHighlighter或Prism.js等开源库。这些库可以解析各种编程语言的语法,然后应用相应的样式。 4. **网页呈现生命周期** ASP.NET网页有其特有的生命周期...

    前端开源库-jsx-syntaxhighlighter

    6. **性能优化**:考虑到前端性能,jsx-syntaxhighlighter通常在DOM加载后异步处理代码高亮,避免阻塞页面渲染。 在实际使用jsx-syntaxhighlighter时,你需要先将其引入到项目中,可以通过npm或者yarn进行安装: `...

    jQuery插件 高亮代码

    1. **SyntaxHighlighter**: 这是由Alex Gorbatchev开发的一个流行的代码高亮插件,不依赖于jQuery,但可以通过jQuery来调用。它支持多种编程语言,并提供了丰富的自定义选项。 2. **Prism.js**: 这是一个轻量级且可...

    xheditor所见即所得文本编辑器(代码高亮显示修改)

    xheditor是一个所见即所得的Web文本编辑器,它具有代码高亮显示的功能,可以通过插件进行自定义扩展。所见即所得(WYSIWYG,即What You See Is What You Get)是一种编辑器的功能,它允许用户直接在编辑器界面中看到...

    C#使用Winform实现简单的编辑器:可编译、运行、关键字、注释高亮显示

    - **关键字和注释高亮**:高亮显示是通过分析输入的代码并应用不同颜色来区分关键字、注释和字符串。你可以实现一个自定义的`RichTextBox`扩展或使用现有的库(如SyntaxHighlighter),通过正则表达式匹配关键字和...

    .NET C#语法高亮显示控件源码及实例

    总之,".NET C#语法高亮显示控件源码及实例"提供了宝贵的教育资源,可以帮助开发者深入了解代码高亮的实现细节,增强对ASP.NET和C#的理解。通过实际操作,你不仅可以创建出美观的代码展示功能,还能提升自己的编程...

    版本高亮工具CodeHighlighter版本1.11

    代码高亮工具, 博客贴代码用的. 支持弱弱的百度空间(当然其他支持HTML的博客也可以). 用SyntaxHighlighter实现, 支持20多种语言, 7个主题, 以及SyntaxHighlighter的常用选项. 离线编辑, 操作简单, 2步搞定

    java swing里支持,js,java编程语言,关键字高亮显示

    要实现关键字高亮,你需要对这些组件进行扩展或使用特定的插件,如`SyntaxHighlighter`。 6. **事件监听**:为了实时更新高亮,可能需要添加文本改变事件监听器,当用户输入或修改代码时,重新进行关键字匹配和高亮...

    SyntaxHighlighter自动识别并加载脚本语言 <font color=red>原创</font>

    然后,你可以通过指定`brush`属性来告诉SyntaxHighlighter代码块所使用的编程语言。例如,对于JavaScript代码,你可以这样写: ```html ;"&gt; function helloSyntaxHighlighter() { return "hi!"; } ``` ...

    语法高亮插件vue-syntax-highlight

    Vue Syntax Highlight 插件正是为了解决这个问题而诞生的,它专为Vue.js开发环境提供代码高亮功能。在Sublime Text这样的文本编辑器中,这个插件能显著提升开发者的编码体验。 Vue Syntax Highlight 插件为Vue模板...

    syntaxhighlighter-golang-brush

    7. **跨平台与兼容性**:由于是基于JavaScript实现,SyntaxHighlighter在大多数现代浏览器中都能良好运行,包括桌面和移动设备,为用户提供一致的代码高亮体验。 8. **使用示例**:在Markdown或者HTML编辑器中,...

    使C#代码具有彩色区分功能源码

    为了提高代码的可读性,程序员通常会使用代码高亮显示技术,让不同类型的代码元素(如关键字、注释、字符串等)以不同的颜色和样式呈现。在C#编程中,这种功能可以通过自定义的代码解析器或利用现成的库实现。本知识...

    7款jQuery常用插件

    3. **SyntaxHighlighter代码高亮插件**:SyntaxHighlighter是一款用于网页中展示代码的插件,能够自动识别并美化各种编程语言的代码块,使代码更易于阅读和理解。这对于技术博客、教程网站或者开源项目文档来说非常...

    Z-Blog 2.1 Phoenix Build 130128.rar

    在编辑器里轻点一个按钮,即可使用syntaxhighlighter这一强大的代码高亮组件。文件管理里也可使用CodeMirror在编辑时实现代码高亮。(由于代码高亮JS会拖慢前台速度,因此默认未打开) 表情包 后台的编辑器可以插入...

    Z-Blog 2.0 Doomsday Build 121221

    在编辑器里轻点一个按钮,即可使用syntaxhighlighter这一强大的代码高亮组件。文件管理里也可使用CodeMirror在编辑时实现代码高亮。(由于代码高亮JS会拖慢前台速度,因此默认未打开) 表情包 后台的编辑器可以...

Global site tag (gtag.js) - Google Analytics