Dec 29

Felix的网页代码高亮工具 不指定

felix021 @ 2008-12-29 22:47 [IT » 网络] 评论(0) , 引用(0) , 阅读(4931) | Via 本站原创 | |
觉得blog的代码没有高亮非常难看,
但是不想用现成的超级臃肿的代码高亮工具,
于是自己写的一个,效果还行吧^_^
#include<iostream>
using namespace std;

int main(){
    int a, b;
    cin >> a >> b;
    cout << (a + b) << endl;
    return 0;
}

My Simple HighLighter  @ CopyLeft

By Felix021 ( http://www.felix021.com ) @ 2008.12.29

一个很简单的基于Javascript的C/C++/...语法高亮代码

用法:

1. 在<head>和</head>之间加上这两句:
    <link rel="stylesheet" rev="stylesheet" type="text/css" href="styles.css" />
    <script language="javascript" src="hl.js"></script>

2. 需要高亮的代码块,应该是div元素,并且class要设置为code,例如
    <div class="code">int main(){}</div>
    当然,你也可以改hl.js里面的getElementsByTagName("div")来修改元素类型
    修改后面的 if(clsname == "code") 也可以修改class的名字,但是记得也要修改styles.css

3. 在网页底部的</body>之前加上这个
    <script language="javascript> highlighter(); </script>

4. 可以修改styles.css自定义元素的样式表

5. 可以修改 hl.js 的keywords列表增加自己想要的关键字list
    var keywords = array(
        "int", "char", "bool", "class"
    );
    注意每一个关键字要用引号围起来,而且两个关键字之间要用逗号分开;
    最后一个关键字后面没有逗号。

例子参见index.html

下载文件 (已下载 1405 次)




欢迎扫码关注:




转载请注明出自 ,如是转载文则注明原出处,谢谢:)
RSS订阅地址: https://www.felix021.com/blog/feed.php
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   *非必须
网址   电邮   [注册]