语法高亮显示 SyntaxHighlighter简单操作

最新推荐文章于 2024-08-10 08:35:27 发布

fuyangclj

最新推荐文章于 2024-08-10 08:35:27 发布

阅读量1.3k

点赞数 1

分类专栏： SyntaxHighlighter 文章标签： SyntaxHighlighter

本文链接：https://blog.csdn.net/clj9017/article/details/18667803

版权

SyntaxHighlighter 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>Hello SyntaxHighlighter</title>
    <!--核心的高亮显示文件-->
    <script type="text/javascript" src="scripts/shCore.js"></script> 
    <!--
    可配置的文件 根据文件扩展名的不同可以引入不同的文件
    c#、css、c、elphi、java、js、php、python、ruby、sql、vb、js 
    例如
    shBrushCss.js
    shBrushPhp.js
    shBrushJava.js
    shBrushSql.js
    -->   
    <script type="text/javascript" src="scripts/shBrushJScript.js"></script>
    <!--
    主题的配置
    可配置的样式文件 根据文件扩展名的不同可以引入不同的文件
    例如
    shCoreEclipse.css
    shCoreEmacs.css
    -->
    <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
    
    <script type="text/javascript">
    <!--
    //高亮的配置不凡
    -->
    SyntaxHighlighter.defaults['auto-links'] = false; //是否可以添加自动连接  默认连接可以点击 默认为true
    SyntaxHighlighter.defaults['collapse'] = false; //默认高亮代码是否折叠 true为折叠 false为不折叠
    SyntaxHighlighter.defaults['html-script'] = false; //是否开启html的混合形式 默认为false 为关闭
    SyntaxHighlighter.defaults['toolbar']=true; //黄绿色版权问号的显示和隐藏 默认为true 为显示
    SyntaxHighlighter.all();
    </script>
</head>

<body style="background: white; font-family: Helvetica">

<h1>Hello SyntaxHighlighter</h1>
<!--
class="brush:js;" 根据引入文件的不同进行修改 例如上面引入的是  shBrushPhp.js  这里的js改为php
<pre class="brush:***">
在这里，显示高亮显示的代码
</pre>
-->
<pre class="brush: js;">
function helloSyntaxHighlighter()
{
    return "hi!";
}
<a href="http://www.baidu.com">baidu.com</a>
</pre>
</html>

SyntaxHighlighter 配置文件地址

http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/

SyntaxHighlighter 下载地址

http://alexgorbatchev.com/SyntaxHighlighter/download/