<!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软件包
实现在网页上插入代片断,美观,方便使用。
JS代码高亮插件SyntaxHighlighter demo
SyntaxHighlighter高亮插件,可以格式化JAVA、PHP、CSS、SQL、XML、Python等等一些主流的代码格式。
SyntaxHighLighter代码高亮插件实例(支持JavaScript、CSS、PHP、Java、Python、Vb、XML、Delphi、SQL、CSharp等等多种编程语言类)版本_2.1.364
wps代码块插件
内容索引:脚本资源,jQuery,语法高亮,jQuery插件 jQuery 语法高亮插件调用示例,本插件核心仍是SyntaxHighlighter,但是经过了简化处理,现在调用方法和所用脚本文件都比较少,效果也挺不错,演示如上图,语法高亮在...
代码语法高亮的JS插件及例子,基于SyntaxHighlighter实现的CSS、PHP、ASP、SQL、XHTML代码自动高亮插件,若你是开发者网站,这个功能对你绝对有用,下载插件包,自带有使用演示。
SyntaxHighlighter是Google Code上的一个开源项目,主要用于给网页上的代码着色, 博文参考地址:http://blog.csdn.net/itmyhome1990/article/details/38517737
syntaxhighlighter 是一套在浏览器上对各种代码进行语法着色的独立 JavaScript 库 代码高亮插件 html pre 各种显示高亮的主题 官网下载链接在文档中
对于一些程序代码类的网页,常常需要贴出代码,但显示效果...这里介绍一个代码高亮工具syntaxhighlighter语法高亮工具,它不需要与服务器交互,只需要包含相应的格式代码JS包,就可以轻松实现代码高亮,使用非常简单。
syntaxhighlighter库和实例 syntaxhighlighter库和实例
db.SyntaxHighlighter 语法高亮插件下载,SyntaxHighlighter几乎支持所有编程语言的代码高亮功能,你可将需要高亮的代码放入Textarea中,本插件会自动获取内容后根据初始设置高亮代码中的关键字、常量、变量、函数名...
NULL 博文链接:https://13813962825.iteye.com/blog/2048172
内附官方原版的 和我改过的 有兴趣的自己下去看吧 我改了后删了很多东西 合并了很多东西 内附demo
给那些在线安装wp的插件安装不了的兄弟,SyntaxHighlighter Evolved是一款非常方便的代码高亮工具,2017年10月25日16点12分下载的最新版,有需要的兄弟可以下载
SyntaxHighlighter语法高亮插件使用说明,需要的朋友可以参考下。
代码自动高亮SyntaxHighlighter_1.5.0
SyntaxHighlighter(原名:dp.SyntaxHighlighter)是一套在浏览器上支持对各种代码进行语法着色的独立 JavaScript 库
SyntaxHighlighter的资源包,包含了必要的css和style。