Javascript語法高亮引擎如何實現

這篇文章主要講解了“Javascript語法高亮引擎如何實現”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Javascript語法高亮引擎如何實現”吧！

SyCODE Syntax Highlighter具有速度高可擴展性強的特點，在一臺當前主流PC機上可以輕松完成32KB的代碼高亮處理，能夠一次性完成64KB的代碼高亮處理而不出現腳本緩慢提示，通過添加不同的正則表達式可以實現任何一種編程語言的語法高亮處理。

SyCODE Syntax Highlighter 1.0 內部已經實現二十于種語系的語法高亮，包括：
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語法高亮引擎如何實現”的內容了，經過本文的學習后，相信大家對Javascript語法高亮引擎如何實現這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！