关于实现代码语法标亮 dp.SyntaxHighlighter

2016-02-19 10:49 53 1 收藏

今天天气好晴朗处处好风光，好天气好开始，图老师又来和大家分享啦。下面给大家推荐关于实现代码语法标亮 dp.SyntaxHighlighter，希望大家看完后也有个好心情，快快行动吧！

【 tulaoshi.com - Web开发】

呵呵，因为到现在为止，BLOG用的都是LBS，感觉缺少很多自己喜欢用的功能，这次终于下定决心自己写BLOG程序了，为兼容之前的BLOG，内容入库的格式仍会保持与LBS的一致。
因为自己的BLOG中贴代码会比较多，帮考虑用JS来实现对code的语法标亮效果。
以前曾看过了下dp.SyntaxHighlighter，但并未深入研究-_-
在新的BLOG中打算加入代码标亮功能，这段时间就先好好研究研究：）

参考地址：http://www.dreamprojections.com/syntaxhighlighter/ dp.SyntaxHighlighter is a free JavaScript tool for source code syntax highlighting.

The script is meant to help a developer to post code snippets online with ease and without having to worry about applying format. People who use blogs like MovableType, .Text (dotText), dasBlog and any other system can easily add code to their posts.

If you are looking to get syntax highlighter for your blog, give dp.SyntaxHighlighter a try!
演示地址：
http://www.cnlei.com/codelab/SyntaxHighlighter_1.4.1/index.html

来源:http://www.tulaoshi.com/n/20160219/1595860.html

上一篇： review引发的有关于单例模式的思考
下一篇：将PPT文件变为EXE可执行文件的几大步骤

看过《关于实现代码语法标亮 dp.SyntaxHighlighter》的人还看了以下文章更多>>

Ajax 表单验证实现代码

标签： Web开发

兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证环境:ruby 1.8.6 + rails 2.1.0 + windows 核心代码: html: 浏览器禁用javascript时显示提示信息: 代码如下： noscript div style="color:red"您的浏览器不支持javascript,部分功能无法使用/div /noscript 当浏览器禁用JS后,提交按钮不可用,实现客户...

jquery创建div 实现代码

标签： Web开发

代码如下: var boardDiv = "div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'加载中...\/div"; $(window).load(function(){ //window.alert("ok"); $(document.body).append(boardDiv); });

jquery 简单导航实现代码

标签： Web开发

代码如下: script type="text/javascript" src="js/jquery.min.js"/script script type="text/javascript" $(function(){ $("li").hover(function(){ $(this).addClass("ho"); }, function(){ $(this).removeClass("ho"); }); $("li").click(function(){ $(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("x...

android panellistview 圆角实现代码

标签：编程语言网络编程

(效果如上图所示) 其实很简单: 比方说上面的容器是一个ListView 代码如下： ListView android:id="@+id/listView_devices" android:layout_width="fill_parent" android:layout_height="fill_parent" SPAN style="COLOR: #ff0000" android:background="@android:drawable/dialog_frame"/SPAN android:cacheColorHint="@color/tran...

AJAX 进度条实现代码

标签： Web开发

效果如下：代码如下： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head titleAjax Progress Bar/title script type="text/javascript" var xmlHttp; var key; var bar_color = 'gray';//进度条的颜色 var span_id = "block"; var clear = " "; function createXMLHttpRequest()//创建...

查看更多精彩>>