📄 shcore.js
字号:
return line; } // Go through all the lines and do the 'smart tabs' magic. for(var i = 0; i < lines.length; i++) result += ProcessLine(lines[i], tabSize) + '\n'; return result;}dp.sh.Highlighter.prototype.SwitchToTable = function(){ // thanks to Lachlan Donald from SitePoint.com for this <br/> tag fix. var html = this.div.innerHTML.replace(/<(br)\/?>/gi, '\n'); var lines = html.split('\n'); var row = null; var cell = null; var tBody = null; var html = ''; var pipe = ' | '; // creates an anchor to a utility function UtilHref(util, text) { return '<a href="#" onclick="dp.sh.Utils.' + util + '(this); return false;">' + text + '</a>'; } tBody = document.createElement('TBODY'); // can be created and all others go to tBodies collection. this.table.appendChild(tBody); if(this.addGutter == true) { row = tBody.insertRow(-1); cell = row.insertCell(-1); cell.className = 'tools-corner'; } if(this.addControls == true) { var tHead = document.createElement('THEAD'); // controls will be placed in here this.table.appendChild(tHead); row = tHead.insertRow(-1); // add corner if there's a gutter if(this.addGutter == true) { cell = row.insertCell(-1); cell.className = 'tools-corner'; } cell = row.insertCell(-1); // preserve some variables for the controls cell.originalCode = this.originalCode; cell.processedCode = this.code; cell.className = 'tools'; if(this.collapse == true) { tBody.className = 'hide'; cell.innerHTML += '<span><b>' + UtilHref('Expand', dp.sh.Strings.ExpandCode) + '</b>' + pipe + '</span>'; } cell.innerHTML += UtilHref('ViewSource', dp.sh.Strings.ViewPlain) + pipe + UtilHref('PrintSource', dp.sh.Strings.Print); // IE has this clipboard object which is easy enough to use if(window.clipboardData) cell.innerHTML += pipe + UtilHref('ToClipboard', dp.sh.Strings.CopyToClipboard); cell.innerHTML += pipe + UtilHref('About', dp.sh.Strings.About); } for(var i = 0, lineIndex = this.firstLine; i < lines.length - 1; i++, lineIndex++) { row = tBody.insertRow(-1); if(this.addGutter == true) { cell = row.insertCell(-1); cell.className = 'gutter'; cell.innerHTML = lineIndex; } cell = row.insertCell(-1); cell.className = 'line' + (i % 2 + 1); // uses .line1 and .line2 css styles for alternating lines cell.innerHTML = lines[i]; } this.div.innerHTML = '';}dp.sh.Highlighter.prototype.Highlight = function(code){ function Trim(str) { return str.replace(/^\s*(.*?)[\s\n]*$/g, '$1'); } function Chop(str) { return str.replace(/\n*$/, '').replace(/^\n*/, ''); } function Unindent(str) { var lines = str.split('\n'); var indents = new Array(); var regex = new RegExp('^\\s*', 'g'); var min = 1000; // go through every line and check for common number of indents for(var i = 0; i < lines.length && min > 0; i++) { if(Trim(lines[i]).length == 0) continue; var matches = regex.exec(lines[i]); if(matches != null && matches.length > 0) min = Math.min(matches[0].length, min); } // trim minimum common number of white space from the begining of every line if(min > 0) for(var i = 0; i < lines.length; i++) lines[i] = lines[i].substr(min); return lines.join('\n'); } // This function returns a portions of the string from pos1 to pos2 inclusive function Copy(string, pos1, pos2) { return string.substr(pos1, pos2 - pos1); } var pos = 0; this.originalCode = code; this.code = Chop(Unindent(code)); this.div = document.createElement('DIV'); this.table = document.createElement('TABLE'); this.matches = new Array(); if(this.CssClass != null) this.table.className = this.CssClass; // replace tabs with spaces if(this.tabsToSpaces == true) this.code = this.ProcessSmartTabs(this.code); this.table.border = 0; this.table.cellSpacing = 0; this.table.cellPadding = 0; this.ProcessRegexList(); // if no matches found, add entire code as plain text if(this.matches.length == 0) { this.AddBit(this.code, null); this.SwitchToTable(); return; } // sort the matches this.matches = this.matches.sort(dp.sh.Highlighter.SortCallback); // The following loop checks to see if any of the matches are inside // of other matches. This process would get rid of highligting strings // inside comments, keywords inside strings and so on. for(var i = 0; i < this.matches.length; i++) if(this.IsInside(this.matches[i])) this.matches[i] = null; // Finally, go through the final list of matches and pull the all // together adding everything in between that isn't a match. for(var i = 0; i < this.matches.length; i++) { var match = this.matches[i]; if(match == null || match.length == 0) continue; this.AddBit(Copy(this.code, pos, match.index), null); this.AddBit(match.value, match.css); pos = match.index + match.length; } this.AddBit(this.code.substr(pos), null); this.SwitchToTable();}dp.sh.Highlighter.prototype.GetKeywords = function(str) { return '\\b' + str.replace(/ /g, '\\b|\\b') + '\\b';}// highlightes all elements identified by name and gets source code from specified propertydp.sh.HighlightAll = function(name, showGutter /* optional */, showControls /* optional */, collapseAll /* optional */, firstLine /* optional */){ function FindValue() { var a = arguments; for(var i = 0; i < a.length; i++) { if(a[i] == null) continue; if(typeof(a[i]) == 'string' && a[i] != '') return a[i] + ''; if(typeof(a[i]) == 'object' && a[i].value != '') return a[i].value + ''; } return null; } function IsOptionSet(value, list) { for(var i = 0; i < list.length; i++) if(list[i] == value) return true; return false; } function GetOptionValue(name, list, defaultValue) { var regex = new RegExp('^' + name + '\\[(\\w+)\\]$', 'gi'); var matches = null; for(var i = 0; i < list.length; i++) if((matches = regex.exec(list[i])) != null) return matches[1]; return defaultValue; } var elements = document.getElementsByName(name); var highlighter = null; var registered = new Object(); var propertyName = 'value'; // if no code blocks found, leave if(elements == null) return; // register all brushes for(var brush in dp.sh.Brushes) { var aliases = dp.sh.Brushes[brush].Aliases; if(aliases == null) continue; for(var i = 0; i < aliases.length; i++) registered[aliases[i]] = brush; } for(var i = 0; i < elements.length; i++) { var element = elements[i]; var options = FindValue( element.attributes['class'], element.className, element.attributes['language'], element.language ); var language = ''; if(options == null) continue; options = options.split(':'); language = options[0].toLowerCase(); if(registered[language] == null) continue; // instantiate a brush highlighter = new dp.sh.Brushes[registered[language]](); // hide the original element element.style.display = 'none'; highlighter.addGutter = (showGutter == null) ? !IsOptionSet('nogutter', options) : showGutter; highlighter.addControls = (showControls == null) ? !IsOptionSet('nocontrols', options) : showControls; highlighter.collapse = (collapseAll == null) ? IsOptionSet('collapse', options) : collapseAll; // first line idea comes from Andrew Collington, thanks! highlighter.firstLine = (firstLine == null) ? parseInt(GetOptionValue('firstline', options, 1)) : firstLine; highlighter.Highlight(element[propertyName]); // place the result table inside a div var div = document.createElement('DIV'); div.className = 'dp-highlighter'; div.appendChild(highlighter.table); element.parentNode.insertBefore(div, element); } }
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -