Highlight是一款可以支持多種編程代碼的源代碼編輯器,它擁有將語法進行著色高亮的功能。如果我們想要快速找到代碼里比較重要的語法內容,就可以通過這款軟件來進行高亮設置。這樣你就可以馬上知道哪些代碼內容是比較重要的,方便你重點關注。
Highlight是一款能夠將源碼輸出為語法高亮的格式文件的工具,軟件用于在任何web頁面上著色顯示各種示例源代碼語法。Highlight支持輸出為HTML, XHTML, RTF, ODT, TeX, LaTeX, SVG 和 BBCode格式,支持180種編程語言,支持格式化C, C++, C# 和 Java代碼(通過AStyle實現),并且具有插件功能,是非常不錯的跨平臺工具。
- 基本的繪圖工具:自由形式,線條,橢圓形和矩形
- 基本繪圖選項:筆的顏色和大小
- 歷史記錄:刪除形狀的可能性
- 屏幕上的信息
- 系統范圍內的快捷方式,可以將高亮部分向前或向后發送
支持輸出為HTML, XHTML, RTF, ODT, TeX, LaTeX, SVG 和 BBCode格式;
Highlight官方版支持195種編程語言高亮著色;
內置80種著色風格樣式;
語法定義方式為正則表達式或字符串列表;
可定制關鍵詞詞組;
識別語言內嵌套的其他語言;
支持格式化C, C++, C# 和 Java代碼;
語言定義和主題風格都是用的Lua腳本;
支持插件功能擴展;
提供了CLI命令行工具和GUI界面(有中文界面)的程序,以及Libs;
跨平臺支持; 編輯 討論 上傳視頻
abap4、abc、abnf、actionscript、ada、agda、algol、ampl、amtrix、applescript、arc、arm、as400cl、ascend、asp、aspect、assembler、ats、autohotkey、autoit、avenue、awk、bat、bbcode、bcpl、bibtex、biferno、bison、blitzbasic、bms、bnf、boo、c、ceylon、charmm、chill、clean、clearbasic、clipper、clojure、clp、cobol、coldfusion、conf、crk、csharp、css、d、dart、diff、dts、dylan、ebnf、eiffel、erlang、euphoria、express、fame、felix、fortran77、fortran90、frink、fsharp、fx、gambas、gdb、go、graphviz、haskell、haxe、hcl、html、httpd、icon、idl、idlang、inc_luatex、informix、ini、innosetup、interlis、io、jasmin、java、js、jsp、julia、kotlin、ldif、less、lhs、lilypond、limbo、lindenscript、lisp、list.txt、logtalk、lotos、lotus、lua、luban、make、maple、matlab、maya、mercury、miranda、mod2、mod3、modelica、moon、ms、mssql、mxml、n3、nasal、nbc、nemerle、netrexx、nginx、nice、nsis、nxc、oberon、objc、ocaml、octave、oorexx、os、oz、paradox、pas、pdf、perl、php、pike、pl1、plperl、plpython、pltcl、pov、pro、progress、ps、ps1、psl、pure、pyrex、python、q、qmake、qml、qu、r、rebol、rexx、rnc、rpg、rpl、rs、ruby、s、sas、scala、scilab、scss、sh、small、smalltalk、sml、snmp、snobol、spec、spn、sql、squirrel、styl、svg、swift、sybase、tcl、tcsh、tex、ts、tsql、ttcn3、txt、upc、vala、vb、verilog、vhd、xml、xpp、yaiff、yang、znn。
支持輸出的格式也是非常的全面包括常用的:
HTML, XHTML, RTF, ODT, TeX, LaTeX, SVG 和 BBCode格式
除了多格式的支持外,著色效果也可以自由定制比如:格式化代碼的字體、大小、風格、關鍵字大小寫、制表符寬度、自動換行數等。
首先我們需要下載Highlight,下載解壓后雙擊“highlight-setup-3.44.exe”出現安裝界面:
進入軟件的安裝向導。請閱讀軟件的安裝協議。閱讀完之后點擊I accept the agreement我接受協議,必須接受協議才能繼續安裝軟件;
安裝向導默認設置的軟件默認安裝路徑為C:\Program Files\Highlight。至少需要10.7MB的空閑磁盤空間來安裝軟件。點擊Browse瀏覽按鈕可以在文件夾瀏覽窗口中自定義設置軟件安裝路徑;
選擇安裝組件,我們可以選擇Highlight GUI(必選)、Highlight command line interface、Source code、Portable starter icon;
選擇軟件的開始菜單會計方式存放的文件夾路徑;
選擇是否Create a desktop icon創建桌面圖標。如果不想創建,可以取消勾選;
安裝向導已經準備好可以開始安裝軟件了。確定安裝信息正確無誤后點擊Install安裝就可以開始安裝軟件;
自行進入highlight,然后點擊按鈕“Get version ...”進入下載頁面
選擇你需要讓代碼高亮的編程語言。勾選比較常用的即可,比如HTML、CSS、JavaScript、PHP、C#、C++等等……然后在瀏覽器里向下拉滾動條,點擊Download按鈕
將下載好的文件解壓縮到任意目錄,新建一個demo.html
將下面的代碼,全部復制粘貼到demo.html文件里,保存!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>代碼高亮并顯示行號 - 百度ID: 卿本老兔子</title>
<link type="text/css" rel="stylesheet" href="styles/default.css" />
<script charset="utf-8" src="highlight.pack.js"></script>
<script type="text/javascript">hljs.initHighlightingOnLoad();</script>
</head>
<body>
<pre><code class="javascript">/*示例代碼*/
<script>
function show_msg(a,b){
var mgs = "卿本老兔子";
alert(msg);
}
</script>
</code></pre>
<script type="text/javascript">
var e = document.querySelectorAll("code");
var e_len = e.length;
var i;
for (i = 0; i < e_len; i++) {
e[i].innerHTML = "<ul><li>" + e[i].innerHTML.replace(/\n/g, "\n</li><li>") + "\n</li></ul>";
}
</script>
</body>
</html>
在styles/default.css里追加一段代碼,保存!
.hljs ul {
list-style: decimal;
margin: 0 0 0 40px!important;
padding: 0
}
.hljs li {
list-style: decimal-leading-zero;
border-left: 1px solid #111!important;
padding: 2px 5px!important;
margin: 0!important;
line-height: 14px;
width: 100%;
box-sizing: border-box
}
.hljs li:nth-of-type(even) {
background-color: rgba(255,255,255,.015);
color: inherit
}
演示效果如下圖所示。ㄈ绻胍淖兏吡列Ч念伾稍贑SS文件里自行修改)