`

SyntaxHighlighter代码高亮显示插件

    博客分类：
  • UI
CSSJavaScriptXMLHTML 
阅读更多

SyntaxHighlighter代码高亮显示  

主页地址：http://alexgorbatchev.com/SyntaxHighlighter/

 

最新版本为3.0.83：去掉了代码复制粘贴的动画

 

使用方法：

（1)导入核心js

<script type="text/javascript" src="scripts/shCore.js"></script>

   导入核心css

<link type="text/css" rel="stylesheet" href="styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>

   导入所需js，如支持xml的js

<script type="text/javascript" src="scripts/shBrushXml.js"></script>

 （2）添加如下代码

<script type="text/javascript">
  SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
  SyntaxHighlighter.all();
</script>

 其中最新版本为3.0.83不需要添加

SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';

html页面使用方法

<pre class="brush:xml;">
<xml>不显示
需要将< 换成 &lt;
</pre>

 

若想使高亮对textarea生效，添加

  SyntaxHighlighter.config.tagName='textarea';

html页面

<textarea name="code" id="code" class="brush:xml" rows="15" cols="100">
<html>
</html>
</textarea>
 

但这时如果通过js无法获取textarea的值，也即document.getElementById("code")的值为空。

 

分享到：
| jqplot插件绘图
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    syntaxhighlighter代码高亮插件.rar

    1. 下载：你可以从官方GitHub仓库或者一些开源代码托管平台下载到SyntaxHighlighter的压缩包，如你提供的"SyntaxHighlighter代码高亮插件.rar"。 2. 引入：解压后，将所需的CSS和JavaScript文件引入到你的HTML页面中...

    SyntaxHighlighter代码高亮插件

    SyntaxHighlighter是Google Code上的一个开源项目,主要用于给网页上的代码着色, 博文参考地址：http://blog.csdn.net/itmyhome1990/article/details/38517737

    SyntaxHighLighter代码高亮插件-封装实例

    SyntaxHighLighter代码高亮插件实例(支持JavaScript、CSS、PHP、Java、Python、Vb、XML、Delphi、SQL、CSharp等等多种编程语言类)版本_2.1.364

    syntaxhighlighter 代码高亮

    SyntaxHighlighter是一款强大的代码高亮插件，它专为网页设计者和开发者提供便利，使得在网页上展示源代码变得更加美观且易读。这款工具无需服务器支持，只需在网页中引入相应的JavaScript库，即可实现对多种编程...

    SyntaxHighlighter代码格式化高亮插件

    SyntaxHighlighter是一款流行的开源...总之，SyntaxHighlighter是一款强大的代码高亮插件，通过其丰富的功能和广泛的语言支持，为网页上的代码展示提供了极大的便利。无论是个人博客还是专业开发团队，都能从中受益。

    代码高亮插件SyntaxHighlighter

    SyntaxHighlighter是一款流行的开源代码高亮插件，广泛应用于博客、论坛和其他在线内容平台，用于增强代码段的可读性和美观性。它支持多种编程语言的语法高亮，包括但不限于HTML、CSS、JavaScript、Java、Python、...

    JS代码高亮插件SyntaxHighlighter

    【JS代码高亮插件SyntaxHighlighter】是一个用于在网页中展示编程代码的工具，它能够将源代码美化，使其更易于阅读和理解。SyntaxHighlighter由Alex Gorbatchev开发，支持多种编程语言，包括JavaScript、HTML、CSS、...

    SyntaxHighlighter 高亮代码插件JS

    SyntaxHighlighter是一款流行的JavaScript代码高亮插件，用于在网页上展示源代码时提供美观的语法高亮效果。它能够使代码更易于阅读，提升用户体验，尤其对于技术博客、在线教程和开发者社区来说，是非常实用的工具...

    FCKeditor 和 SyntaxHighlighter 代码高亮插件的整合

    整合FCKeditor与SyntaxHighlighter代码高亮插件的过程主要涉及如何将SyntaxHighlighter的功能嵌入到FCKeditor编辑器中，以便用户在编辑器内部撰写代码时，能够享受到即时的代码高亮显示。这种整合对于编写和展示代码...

    FCKeditor + SyntaxHighlighter 让代码高亮着色插件

    FCKeditor是现在最为流行的开源编辑器，SyntaxHighlighter是一个用JS实现的代码高亮显示插件，FCKeditor + SyntaxHighlighter 让代码高亮着色，可以最小化修改您的程序实现效果

    帝国CMS FCKeditor编辑器添加插入代码插件方法（基于SyntaxHighlighter代码高亮插件）

    为了提升代码插入的专业性和可读性，可以通过添加SyntaxHighlighter代码高亮插件来实现。 SyntaxHighlighter是一款流行的代码高亮插件，它能够让网页中的代码段落更加易于阅读，同时提供多种代码语言的支持。为了...

    解决SyntaxHighlighter 代码高亮不换行问题的解决方法

    在网页开发中，为了使代码片段更易于阅读和理解，我们常常会使用代码高亮插件，SyntaxHighlighter就是其中一款广泛使用的JavaScript库。它能够将普通的文本代码转换为色彩鲜明、格式整齐的代码展示。然而，有些...

    商业编程-源码-SyntaxHighlighter高亮代码显示实例源码.zip

    这个压缩包文件“商业编程-源码-SyntaxHighlighter高亮代码显示实例源码.zip”包含了使用SyntaxHighlighter实现代码高亮的示例源代码，适合于那些想要在自己的商业网站或博客上展示技术文章、教程或者分享代码片段的...

    wps代码块插件wps-syntaxhighlighter

    wps代码块插件

    CKEditor中加入syntaxhighlighter代码高亮插件

    这样，你就成功地在CKEditor中集成了`SyntaxHighlighter`代码高亮插件。现在，用户可以在编辑器中插入代码，并且插入的代码会根据所选语言自动进行颜色高亮显示，极大地提高了代码的可读性。 在实际应用中，你可能...

    db.SyntaxHighlighter 语法高亮插件下载.rar

    db.SyntaxHighlighter 语法高亮插件下载，SyntaxHighlighter几乎支持所有编程语言的代码高亮功能，你可将需要高亮的代码放入Textarea中，本插件会自动获取内容后根据初始设置高亮代码中的关键字、常量、变量、函数名...

    ckeditor syntaxhighlighter代码高亮插件，完美修复

    1. CKEditor代码高亮插件的修复与发展历程 - 插件的更新发布：文中提到前一天匆忙发布了更新版，之后在当天又发现了解决问题的方法。 - 插件的完善：作者通过查阅CKEditor的API文档，成功找到了解决问题的办法，...

    Discuz7使用syntaxhighlighter_2.0.320实现代码高亮

    本文将详细介绍如何在Discuz7中利用syntaxhighlighter_2.0.320插件实现代码高亮显示，以提升用户在论坛中分享和阅读代码的体验。 首先，我们需要理解什么是代码高亮。代码高亮是一种通过不同颜色和样式突出显示代码...

    csdn代码高亮显示源码

    常见的代码高亮库有Prism.js、Highlight.js和SyntaxHighlighter等。 2. **CSDN代码高亮**：CSDN是中国知名的程序员社区，其代码显示功能具有良好的格式化和高亮效果，支持多种编程语言。它采用了自定义的代码渲染...

    ckeditor syntaxhighlighter代码高亮插件配置分享

    现在大家可以不必像我这样为了实现代码高亮的功能，去修改ckeditor编辑器，大家可以去使用百度编辑器(Ueditor)他有代码高亮的功能，还蛮好用的，我的个人网站就是的百度编辑器的。欢迎大家去我的博客看看

Magicbox
Global site tag (gtag.js) - Google Analytics