<!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;"> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>新建H5模板</title> <style type="text/css"> body{ font-family:\5FAE\8F6F\96C5\9ED1,'Arial'; 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,'Arial'; background-color:#fff margin:0; padding:0; outline:none;} </style> </head> <body> <h3>阅谁问君诵,水落清香浮</h3> <script type="text/javascript"> alert("测试吧"); </script> </body> </html> </pre> </body> </html>
Syntaxhighlighter 插件优化设置如下:禁止打印图标和帮助图标的显示,把提示的内容修改为中文,提供了禁止工具条显示的方法。
效果图:
相关推荐
要在中实现代码高亮显示功能,有两个关键步骤: 一是在要显示代码的网页中加入样式文件:FCKeditor/css/SyntaxHighlighter.css 二是下载集合了SyntaxHighlighter 插件的FCKeditor软件包
《网页代码高亮插件——SyntaxHighlighter深度解析》 在网页开发中,展示源代码是常见的需求,而为了使代码更加清晰易读,我们通常会使用代码高亮插件。SyntaxHighlighter是一款广泛使用的JavaScript代码高亮插件,...
最后,"SyntaxHighlighter"这个文件可能是插件的主文件或配置文件,包含了插件的核心功能和设置选项。在使用SyntaxHighlighter时,通常需要引入这个文件,并在HTML代码中添加特殊的标记来指定需要高亮的代码块。 综...
- **自定义设置**:通过JavaScript设置插件的配置项,如语言类型、是否显示行号等。 3. **语言支持**: - **JAVA**:支持Java语法高亮,包括关键字、注释、字符串、数字等元素。 - **PHP**:对PHP代码进行高亮...
wps代码块插件
SyntaxHighLighter代码高亮插件实例(支持JavaScript、CSS、PHP、Java、Python、Vb、XML、Delphi、SQL、CSharp等等多种编程语言类)版本_2.1.364
SyntaxHighlighter是一款流行的开源代码高亮插件,广泛应用于博客、论坛和其他在线内容平台,用于增强代码段的可读性和美观性。它支持多种编程语言的语法高亮,包括但不限于HTML、CSS、JavaScript、Java、Python、...
SyntaxHighlighter是一款流行的JavaScript代码高亮插件,用于在网页上展示源代码时提供美观的语法高亮效果。它能够使代码更易于阅读,提升用户体验,尤其对于技术博客、在线教程和开发者社区来说,是非常实用的工具...
内容索引:脚本资源,jQuery,语法高亮,jQuery插件 jQuery 语法高亮插件调用示例,本插件核心仍是SyntaxHighlighter,但是经过了简化处理,现在调用方法和所用脚本文件都比较少,效果也挺不错,演示如上图,语法高亮在...
**SyntaxHighlighter:让代码在浏览器中闪耀** SyntaxHighlighter是一款功能强大的JavaScript库,专为在网页上展示具有语法高亮的源代码而设计。它不仅适用于HTML页面,还可以处理多种编程语言的代码,包括但不限于...
代码语法高亮的JS插件及例子,基于SyntaxHighlighter实现的CSS、PHP、ASP、SQL、XHTML代码自动高亮插件,若你是开发者网站,这个功能对你绝对有用,下载插件包,自带有使用演示。
4. **配置设置**:在WordPress的“外观”>“小工具”或“SyntaxHighlighter Evolved”设置页面,可以进行插件的个性化配置。 总的来说,SyntaxHighlighter Evolved是WordPress用户展示代码的利器,无论是开发者还是...
- 自动缩进:默认情况下,SyntaxHighlighter 会尝试检测代码的缩进,但也可以通过 `tab-size` 参数手动设置。 - 隐藏代码:使用 `collapse: true` 可以使代码块默认折叠起来,用户需要点击才能展开。 - 兼容性:...
SyntaxHighlighter是Google Code上的一个开源项目,主要用于给网页上的代码着色, 博文参考地址:http://blog.csdn.net/itmyhome1990/article/details/38517737
对于一些程序代码类的网页,常常需要贴出代码,但显示效果...这里介绍一个代码高亮工具syntaxhighlighter语法高亮工具,它不需要与服务器交互,只需要包含相应的格式代码JS包,就可以轻松实现代码高亮,使用非常简单。
SyntaxHighlighter是一款强大的代码高亮插件,它专为网页设计者和开发者提供便利,使得在网页上展示源代码变得更加美观且易读。这款工具无需服务器支持,只需在网页中引入相应的JavaScript库,即可实现对多种编程...
`SyntaxHighlighter` 社区还开发了一些扩展和插件,如自适应宽度、自动检测语言等,这些可以进一步增强代码高亮效果。你可以在官方文档或GitHub仓库中查找这些资源,根据需求集成到你的项目中。 总的来说,这个...
3. **SyntaxHighlighter代码高亮插件**:SyntaxHighlighter是一款用于网页中展示代码的插件,能够自动识别并美化各种编程语言的代码块,使代码更易于阅读和理解。这对于技术博客、教程网站或者开源项目文档来说非常...
db.SyntaxHighlighter 语法高亮插件下载,SyntaxHighlighter几乎支持所有编程语言的代码高亮功能,你可将需要高亮的代码放入Textarea中,本插件会自动获取内容后根据初始设置高亮代码中的关键字、常量、变量、函数名...
在本文中,我们将详细介绍如何下载和配置SyntaxHighlighter插件,以及如何在网页中正确地使用它来高亮显示代码。 首先,我们需要到SyntaxHighlighter的官方网站或其他可信赖的资源下载最新版本的SyntaxHighlighter...