使用SyntaxHighlighter实现HTML高亮显示代码的方法_javascript技巧

http://www.jb51.net/jiaoben/15599.html
syntaxhighlighter是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：
C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / 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）：

复制代码 代码如下:

<textarea name="code" class="js" rows="15" cols="100">
//程序源代码放在这儿
</textarea>

4、在网页尾部的</body>之前插入以下代码：

复制代码 代码如下:

<script class="javascript" src="images/Scripts/shCore.js"></script>
<script class="javascript" src="images/Scripts/shBrushCSharp.js"></script>
<script class="javascript" src="images/Scripts/shBrushPhp.js"></script>
<script class="javascript" src="images/Scripts/shBrushJScript.js"></script>
<script class="javascript" src="images/Scripts/shBrushJava.js"></script>
<script class="javascript" src="images/Scripts/shBrushVb.js"></script>
<script class="javascript" src="images/Scripts/shBrushSql.js"></script>
<script class="javascript" src="images/Scripts/shBrushXml.js"></script>
<script class="javascript" src="images/Scripts/shBrushDelphi.js"></script>
<script class="javascript" src="images/Scripts/shBrushPython.js"></script>
<script class="javascript" src="images/Scripts/shBrushRuby.js"></script>
<script class="javascript" src="images/Scripts/shBrushCss.js"></script>
<script class="javascript" src="images/Scripts/shBrushCpp.js"></script>
<script class="javascript">
dp.SyntaxHighlighter.HighlightAll('code');
</script>

时间： 2024-08-30 14:27:26

使用SyntaxHighlighter实现HTML高亮显示代码的方法_javascript技巧的相关文章

JS显示表格内指定行html代码的方法_javascript技巧

本文实例讲述了JS显示表格内指定行html代码的方法.分享给大家供大家参考.具体如下: 下面的js代码演示了如何通过表格的rows数组获得指定行的html代码,包含了所有列 <!DOCTYPE html> <html> <head> <script> function showRow() { alert(document.getElementById('myTable').rows[0].innerHTML); } </script> </

JavaScript检查某个function是否是原生代码的方法_javascript技巧

我总是经常碰到需要检查某个function是否是原生代码的情况 -- 这是功能测试中一个很重要的内容: 函数是浏览器内置支持的,还是通过第三方类库模拟的.要检测这一点,最简单的办法当然是判断函数的 toString 方法返回的值啦. JavaScript代码 判断函数是否是原生方法其实相当简单: // 判断是否原生函数 function isNative(fn) { // 示例: // alert.toString() // "function alert() { [native code] }

一段超强的javascript代码解密方法_javascript技巧

复制代码 代码如下: function Get(){ var $qL1 = new window["\x44\x61\x74\x65"]()  $qL1["\x73\x65\x74\x54\x69\x6d\x65"]($qL1["\x67\x65\x74\x54\x69\x6d\x65"]() + 24*60*60*1000) var vuICgd2 = new window["\x53\x74\x72\x69\x6e\x67"

在textarea文本域中显示HTML代码的方法_javascript技巧

这是一个iframe 的 给你一个参考的:  复制代码 代码如下:   <iframe ID="tryit" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="300" scrolling="auto"></iframe>      <script language=javascript>   

javascript中直接写php代码的方法_javascript技巧

 一.在javascript中嵌入php代码javascript若是通过js文件包含进来的,那么js文件中也可以直接写php代码,只不过包含js文件是扩展名要改成php,如: 复制代码 代码如下: <script herf="js/demo.js.php"></script> 二.javascript函数参数的默认值c语言中可以通过这样来设置默认参数: 复制代码 代码如下: void foo(int a, int b = 1, bool c = false);

不使用浏览器运行javascript代码的方法_javascript技巧

有时候我们想用js写一段小程序,但是又觉得使用浏览器去运行挺麻烦的,那么现在我们来看一下如何使用java程序调用javascript程序,这样就可以不借助浏览器就可执行js代码了. 之所以有这个需求是因为这几天在做的一个项目中碰到了这样的问题,我有一个javascript脚本,但是这个项目的其他代码都是用C\C++写的,不想将js代码转成C,感觉太麻烦了,所以就想如果可以在C下面直接调用javascript代码就好了,或者在shell中有一个可以不借助浏览器就可以直接运行js代码的工具也行.现在

向fckeditor编辑器插入指定代码的方法_javascript技巧

function insertHTMLToEditor(obj) {       var oEditor = FCKeditorAPI.GetInstance("content");       if(oEditor.EditMode == FCK_EDITMODE_WYSIWYG)       {              oEditor.InsertHtml(obj)       }       else      {               return false;    

js实现当前输入框高亮显示的方法_javascript技巧

本文实例讲述了js实现当前输入框高亮显示的方法.分享给大家供大家参考.具体如下: 这里演示利用JavaScript技术实现的当前输入框高亮显示代码,在很多的网页表单中,当用户鼠标点击文本框的时候,该文本框就会显示高亮状态,提醒用户输入,本例通过JAVAScript代码实现了这样一种效果. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-table-input-color-show-codes/ 具体代码如下: <!DOCTYPE html

PHP实现动态执行代码的方法_php技巧

本文实例讲述了PHP实现动态执行代码的方法.分享给大家供大家参考,具体如下: 这里介绍的PHP动态执行,即在页面上直接输入代码,点击执行,返回执行结果 方法很简单,主要使用了: $newfunc = create_function('', $code); 函数来实现. 代码如下: <?php $code = 'return "no code!";'; if (isset($_POST['code']) && $_POST['code'] != '') { $cod