- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章代码着色之SyntaxHighlighter项目(最流行的代码高亮)由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
下载地址:http://www.dreamprojections.com/syntaxhighlighter/ 或http://code.google.com/p/syntaxhighlighter/ 演示地址:http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html 。
使用方法:
1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到该目录下的子目录,假设为images 2、在网页的<head></head>之间插入以下代码:
<link type="text/css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css"></link> 。
3、在网页要显示程序源代码的地方插入以下代码(其中的class="js"表示以js语法显示源代码,其他可设定的class值分别为c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml):
。
。
4、在网页尾部的</body>之前插入以下代码:
。
SyntaxHighlighter 是Google Code 上的一个开源项目,主要用于给网页上的代码着色,使用十分方便,效果也不错,而且几乎支持常见的所有语言.
。
安装使用方法:
1. 首先在页面上添加如下代码(假设下载后的SyntaxHighlighter放在SyntaxHighlighter目录下面,注意目录结构):
。
。
官方的安装中没有window.onload,我想这个还是需要的,毕竟,页面加载的时候我就需要给代码着色.
2. 使用方法如下:
方法一:使用pre 。
。
。
方法二:使用textarea 。
。
。
另外,这里还有一些高级特性的设置方法可供参考,诸如代码折叠等.
我在互动wiki 上安装成功,安装方法如上,第一步的修改代码放到doc.php文件的最后即可,以后编辑wiki的时候直接使用html模式即可按照第二步的方法给代码着色。 PS:CSDN的blog系统上使用的也是这个插件:> 。
============================= http://code.google.com/p/syntaxhighlighter/downloads/list 第一步:增加样式包含 。
<link type=”text/css” rel=”stylesheet” href=”Styles/SyntaxHighlighter.css”></link> 第二步:增加代码 。
。
。
这里的class指的是语言有c,c#,vb,java,php,ruby,js,css,sql… 。
第三步包含所需要的js 。
。
==================================== 。
。
1.首先下载SyntaxHighlighter. 2.解压到SyntaxHighlighter目录中. 。
3.建立HTML文件: 。
。
可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, CSS, Delphi, Java, JScript, Php, Python, Ruby, Sql, VB, XML这些语言. 。
4.加入所需的CSS和JS文件
。
。
这里只用了Ruby,其他的类似. 。
5.接下来就是在window的onload事件内,让SyntaxHighlighter工作起来. 。
window.onload = function() 。
。
{ dp.SyntaxHighlighter.ClipboardSwf = './lib/SyntaxHighlighter/Scripts/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll("code"); },
。
之后,刷新下页面,你就会发现,代码已经被着上了相应的颜色了 。
====================== 将你要高亮显示的代码放在 pre 或 textarea 中 。
。
class选项允许你单独配置文本块.
nogutter 将不会显示行号.
nocontrols 将不会在顶部显示控制器。 collapse 将默认折叠代码。 firstline[value] 行计数开始值。默认值是 1 showcolumns 将在第一行显示行列。 这些选项和别名放置在一起,使用冒号 : 字符分隔。 。
<pre name="code" class="html:nocontrols:firstline[10]"> 。
。
... some code here ... </pre> 。
。
语言 别名 。
C++ cpp, c, c++ C# c#, c-sharp, csharp CSS css Delphi delphi, pascal Java java Java Script js, jscript, javascript PHP php Python py, python Ruby rb, ruby, rails, ror Sql sql VB vb, vb.net XML/HTML xml, html, xhtml, xslt 。
在页面最后添加JS和CSS引用 JS有很多,若是语言固定的话,只要引入 shCore 和 shBrushXml(相应) 的JS文件就行了 。
。
。
* SyntaxHighlighter-HighlightAll 方法 。
这是一个全局函数,它找出网页上所有的代码块,将他们转换成高亮的代码块。 参数 function dp.SyntaxHighlighter.HighlightAll(name, [showGutter], [showControls], [collapseAll], [firstLine], [showColumns]) 。
name 必要 <pre> 和 <textarea> 元素使用的名称.
showGutter 可选 打开或关闭所有处理的代码块的行号。(默认为 true) showControls 可选 打开或关闭所有处理的 <pre> 的控制器。(默认为 true) collapseAll 可选 打开或关闭所有处理的 <pre> 的折叠。如果 showControls 是 false 或被交换了,这个值将被忽略。(默认为 false) firstLine 可选 允许指定行号开始的第一行。当你想指明代码块在文件的哪个相对位置时有用。(默认为 1) showColumns 可选 将在第一行显示行列。(默认为 false) 。
所有传到 HighlightAll 调用的值将重载配置的对应选项. 。
下载地址:
http://code.google.com/p/syntaxhighlighter/ 。
附一个小例子说一下 textarea 和 pre 的区别 。
最后此篇关于代码着色之SyntaxHighlighter项目(最流行的代码高亮)的文章就讲到这里了,如果你想了解更多关于代码着色之SyntaxHighlighter项目(最流行的代码高亮)的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我正在使用 NetBeans 开发 Java 中的 WebService,并使用 gradle 作为依赖管理。 我找到了this article关于使用 gradle 开发 Web 项目。它使用 Gr
我正在将旧项目从 ant 迁移到 gradle(以使用其依赖项管理和构建功能),并且在生成 时遇到问题>eclipse 项目。今天的大问题是因为该项目有一些子项目被拆分成 war 和 jar 包部署到
我已经为这个错误苦苦挣扎了很长时间。如果有帮助的话,我会提供一些问题的快照。请指导我该怎么办????在我看来,它看起来一团糟。 *** glibc detected *** /home/shivam/
我在 Ubuntu 12.10 上运行 NetBeans 7.3。我正在学习 Java Web 开发类(class),因此我有一个名为 jsage8 的项目,其中包含我为该类(class)所做的工作。
我想知道 Codeplex、GitHub 等中是否有任何突出的项目是 C# 和 ASP.NET,甚至只是 C# API 与功能测试 (NUnit) 和模拟(RhinoMocks、NMock 等)。 重
我创建了一个 Maven 项目,包装类型为“jar”,名为“Y”我已经完成了“Maven 安装”,并且可以在我的本地存储库中找到它.. 然后,我创建了另一个项目,包装类型为“war”,称为“X”。在这
我一直在关注the instructions用于将 facebook SDK 集成到我的应用程序中。除了“helloFacebookSample”之外,我已经成功地编译并运行了所有给定的示例应用程序。
我想知道,为什么我们(Java 社区)需要 Apache Harmony 项目,而已经有了 OpenJDK 项目。两者不是都是在开源许可下发布的吗? 最佳答案 事实恰恰相反。 Harmony 的成立是
我正在尝试使用 Jsoup HTML Parser 从网站获取缩略图 URL我需要提取所有以 60x60.jpg(或 png)结尾的 URL(所有缩略图 URL 都以此 URL 结尾) 问题是我让它在
我无法构建 gradle 项目,即使我编辑 gradle 属性,我也会收到以下错误: Error:(22, 1) A problem occurred evaluating root project
我有这个代码: var NToDel:NSArray = [] var addInNToDelArray = "Test1 \ Test2" 如何在 NToDel:NSArray 中添加 addInN
如何在单击显示更多(按钮)后将主题列表限制为 5 个(项目)。 还有 3(项目),依此类推到列表末尾,然后它会显示显示更少(按钮)。 例如:在 Udemy 过滤器选项中,当您点击查看更多按钮时,它仅显
如何将现有的 Flutter 项目导入为 gradle 项目? “导入项目”向导要求 Gradle 主路径。 我有 gradle,安装在我的系统中。但是这里需要设置什么(哪条路径)。 这是我正在尝试的
我有一个关于 Bitbucket 的项目。只有源被提交。为了将项目检索到新机器上,我在 IntelliJ 中使用了 Version Control > Checkout from Ve
所以,我想更改我公司的一个项目,以使用一些与 IDE 无关的设置。我在使用 Tomcat 设置 Java 应用程序方面有非常少的经验(我几乎不记得它是如何工作的)。 因此,为了帮助制作独立于 IDE
我有 2 个独立的项目,一个在 Cocos2dx v3.6 中,一个在 Swift 中。我想从 Swift 项目开始游戏。我该怎么做? 我已经将整个 cocos2dx 项目复制到我的 Swift 项目
Cordova 绝对是新手。这些是我完成的步骤: checkout 现有项目 运行cordova build ios 以上生成此构建错误: (node:10242) UnhandledPromiseR
我正在使用 JQuery 隐藏/显示 li。我的要求是,当我点击任何 li 时,它应该显示但隐藏所有其他 li 项目。当我将鼠标悬停在文本上时 'show all list item but don
我想将我所有的java 项目(223 个项目)迁移到gradle 项目。我正在使用由 SpringSource STS 团队开发的 Gradle Eclipse 插件。 目前,我所有的 java 项目
我下载this Eclipse Luna ,对于 Java EE 开发人员,如描述中所见,它支持 Web 应用程序。我找不到 file -> new -> other -> web projects
我是一名优秀的程序员,十分优秀!