Javascript語(yǔ)法高亮引擎如何實(shí)現(xiàn)

這篇文章主要講解了“Javascript語(yǔ)法高亮引擎如何實(shí)現(xiàn)”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“Javascript語(yǔ)法高亮引擎如何實(shí)現(xiàn)”吧！

SyCODE Syntax Highlighter具有速度高可擴(kuò)展性強(qiáng)的特點(diǎn)，在一臺(tái)當(dāng)前主流PC機(jī)上可以輕松完成32KB的代碼高亮處理，能夠一次性完成64KB的代碼高亮處理而不出現(xiàn)腳本緩慢提示，通過(guò)添加不同的正則表達(dá)式可以實(shí)現(xiàn)任何一種編程語(yǔ)言的語(yǔ)法高亮處理。

SyCODE Syntax Highlighter 1.0 內(nèi)部已經(jīng)實(shí)現(xiàn)二十于種語(yǔ)系的語(yǔ)法高亮，包括：
1. C/C++
2. C#
3. CSS
4. Delphi/Kylix
5. Pascal
6. Java
7. Vb/Vb.net
8. J(ava)Script
9. ActionScript
10. Php
11. Python
12. Ruby/Rails
13. Perl
14. Assembly
15. Bat 批處理
16. UNIX Shell
18. AWK
19. Sql
20. xml/xhtml

example: Highlighter.Execute(cleanCode, language);

Effect:
var Highlighter = {
Brushes: {},
RegexLib: {
MultiLineCComments : new RegExp('/\\*[\\s\\S]*?\\*/', 'gm'),
SingleLineCComments : new RegExp('//.*$', 'gm'),
SingleLinePerlComments : new RegExp('#.*$', 'gm'),
DoubleQuotedString : new RegExp('"(?:\\.|(\\\\\\")|[^\\""\\n])*"','g'),
SingleQuotedString : new RegExp("'(?:\\.|(\\\\\\')|[^\\''\\n])*'", 'g')
},
Match: function(value, index, css) {
this.value = value;
this.index = index;
this.length = value.length;
this.css = css;
},
Execute: function(str,lang) {
var registered = new Object();
for(var brush in Highlighter.Brushes)
{
var aliases = Highlighter.Brushes[brush].Aliases;
if(aliases == null) continue;
for(var i=0;i        };
if(!!registered[lang.toLowerCase()]) {
var ht = new Highlighter.Brushes[registered[lang.toLowerCase()]]();
return ht.Highlight(str);
}
else {
str = str.replace(/&/g, '&');
str = str.replace(/str = str.replace(/>/g, '>');
str = str.replace(/\t/g, '    ');
str = str.replace(/[ ]{2}/g, '  ');
return str.replace(/\n/g, '
');
}
}
};

感謝各位的閱讀，以上就是“Javascript語(yǔ)法高亮引擎如何實(shí)現(xiàn)”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)Javascript語(yǔ)法高亮引擎如何實(shí)現(xiàn)這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！