`

JQ Syntaxhighlighter 插件优化设置

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Syntaxhighlighter 插件</title>
<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushSql.js"></script>
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'syntaxhighlighter/scripts/clipboard.swf';
SyntaxHighlighter.config.strings = {
	expandSource :'展开代码',
	viewSource :'查看代码',
	copyToClipboard :'复制代码',
	copyToClipboardConfirmation :'代码复制成功',
	print :'打印',
	help:'?',
	alert:'',
	noBrush:'请联系管理员,错误码: ',
	brushNotHtmlScript:'没有这类型的代码,错误码:',
	aboutDialog:'一站式网络'
};
SyntaxHighlighter.all();
//屏蔽工具条显示
//SyntaxHighlighter.defaults['toolbar'] = false;
</script>
<style type="text/css">
.syntaxhighlighter .toolbar .item.printSource{ display: none !important;}
.syntaxhighlighter .toolbar .item.about{ display: none !important;}
</style>
</head>
<body>
<pre class="brush:html;">
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no&quot;&gt;
&lt;title&gt;新建H5模板&lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
    body{ font-family:\5FAE\8F6F\96C5\9ED1,&#39;Arial&#39;; color:#5b5b5b; background-color:#fff; font-size:14px; overflow-x:hidden;}
    a{ color:#333; text-decoration:none;}
    a:hover{ color:#333; text-decoration:none;}
    img{ border:none;}
    i,em{ font-style:normal;}
    li{ list-style-type:none;}
    textarea{ resize:vertical;}
    input, select, textarea{ font-family:\5FAE\8F6F\96C5\9ED1,&#39;Arial&#39;; background-color:#fff margin:0; padding:0; outline:none;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h3&gt;阅谁问君诵,水落清香浮&lt;/h3&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
        alert(&quot;测试吧&quot;);
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
</body>
</html>

 

Syntaxhighlighter 插件优化设置如下:禁止打印图标和帮助图标的显示,把提示的内容修改为中文,提供了禁止工具条显示的方法。

 

效果图:

 

 

 

 

 

  • 大小: 86.3 KB
1
0
分享到:
评论

相关推荐

    集合了SyntaxHighlighter 插件的FCKeditor软件包

    要在中实现代码高亮显示功能,有两个关键步骤: 一是在要显示代码的网页中加入样式文件:FCKeditor/css/SyntaxHighlighter.css 二是下载集合了SyntaxHighlighter 插件的FCKeditor软件包

    syntaxhighlighter代码高亮插件.rar

    《网页代码高亮插件——SyntaxHighlighter深度解析》 在网页开发中,展示源代码是常见的需求,而为了使代码更加清晰易读,我们通常会使用代码高亮插件。SyntaxHighlighter是一款广泛使用的JavaScript代码高亮插件,...

    JS代码高亮插件SyntaxHighlighter

    最后,"SyntaxHighlighter"这个文件可能是插件的主文件或配置文件,包含了插件的核心功能和设置选项。在使用SyntaxHighlighter时,通常需要引入这个文件,并在HTML代码中添加特殊的标记来指定需要高亮的代码块。 综...

    SyntaxHighlighter代码格式化高亮插件

    - **自定义设置**:通过JavaScript设置插件的配置项,如语言类型、是否显示行号等。 3. **语言支持**: - **JAVA**:支持Java语法高亮,包括关键字、注释、字符串、数字等元素。 - **PHP**:对PHP代码进行高亮...

    wps代码块插件wps-syntaxhighlighter

    wps代码块插件

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

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

    代码高亮插件SyntaxHighlighter

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

    SyntaxHighlighter 高亮代码插件JS

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

    jQuery 语法高亮插件SyntaxHighlighter调用示例

    内容索引:脚本资源,jQuery,语法高亮,jQuery插件 jQuery 语法高亮插件调用示例,本插件核心仍是SyntaxHighlighter,但是经过了简化处理,现在调用方法和所用脚本文件都比较少,效果也挺不错,演示如上图,语法高亮在...

    syntaxhighlighter

    **SyntaxHighlighter:让代码在浏览器中闪耀** SyntaxHighlighter是一款功能强大的JavaScript库,专为在网页上展示具有语法高亮的源代码而设计。它不仅适用于HTML页面,还可以处理多种编程语言的代码,包括但不限于...

    代码语法高亮SyntaxHighlighter的JS插件及例子.rar

    代码语法高亮的JS插件及例子,基于SyntaxHighlighter实现的CSS、PHP、ASP、SQL、XHTML代码自动高亮插件,若你是开发者网站,这个功能对你绝对有用,下载插件包,自带有使用演示。

    SyntaxHighlighter Evolved

    4. **配置设置**:在WordPress的“外观”&gt;“小工具”或“SyntaxHighlighter Evolved”设置页面,可以进行插件的个性化配置。 总的来说,SyntaxHighlighter Evolved是WordPress用户展示代码的利器,无论是开发者还是...

    syntaxhighlighter库和实例

    - 自动缩进:默认情况下,SyntaxHighlighter 会尝试检测代码的缩进,但也可以通过 `tab-size` 参数手动设置。 - 隐藏代码:使用 `collapse: true` 可以使代码块默认折叠起来,用户需要点击才能展开。 - 兼容性:...

    SyntaxHighlighter代码高亮插件

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

    SyntaxHighlighter

    对于一些程序代码类的网页,常常需要贴出代码,但显示效果...这里介绍一个代码高亮工具syntaxhighlighter语法高亮工具,它不需要与服务器交互,只需要包含相应的格式代码JS包,就可以轻松实现代码高亮,使用非常简单。

    syntaxhighlighter 代码高亮

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

    syntaxhighlighter可执行库与示例

    `SyntaxHighlighter` 社区还开发了一些扩展和插件,如自适应宽度、自动检测语言等,这些可以进一步增强代码高亮效果。你可以在官方文档或GitHub仓库中查找这些资源,根据需求集成到你的项目中。 总的来说,这个...

    7款jQuery常用插件

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

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

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

    SyntaxHighlighter 语法高亮插件的使用教程

    在本文中,我们将详细介绍如何下载和配置SyntaxHighlighter插件,以及如何在网页中正确地使用它来高亮显示代码。 首先,我们需要到SyntaxHighlighter的官方网站或其他可信赖的资源下载最新版本的SyntaxHighlighter...

Global site tag (gtag.js) - Google Analytics