123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229 |
- define("ace/ext/static_highlight",["ace_require","exports","module","ace/edit_session","ace/layer/text","ace/config","ace/lib/dom","ace/lib/lang"], function(ace_require, exports, module) {
- "use strict";
- var EditSession = ace_require("../edit_session").EditSession;
- var TextLayer = ace_require("../layer/text").Text;
- var baseStyles = ".ace_static_highlight {\
- font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'Droid Sans Mono', monospace;\
- font-size: 12px;\
- white-space: pre-wrap\
- }\
- .ace_static_highlight .ace_gutter {\
- width: 2em;\
- text-align: right;\
- padding: 0 3px 0 0;\
- margin-right: 3px;\
- contain: none;\
- }\
- .ace_static_highlight.ace_show_gutter .ace_line {\
- padding-left: 2.6em;\
- }\
- .ace_static_highlight .ace_line { position: relative; }\
- .ace_static_highlight .ace_gutter-cell {\
- -moz-user-select: -moz-none;\
- -khtml-user-select: none;\
- -webkit-user-select: none;\
- user-select: none;\
- top: 0;\
- bottom: 0;\
- left: 0;\
- position: absolute;\
- }\
- .ace_static_highlight .ace_gutter-cell:before {\
- content: counter(ace_line, decimal);\
- counter-increment: ace_line;\
- }\
- .ace_static_highlight {\
- counter-reset: ace_line;\
- }\
- ";
- var config = ace_require("../config");
- var dom = ace_require("../lib/dom");
- var escapeHTML = ace_require("../lib/lang").escapeHTML;
- function Element(type) {
- this.type = type;
- this.style = {};
- this.textContent = "";
- }
- Element.prototype.cloneNode = function() {
- return this;
- };
- Element.prototype.appendChild = function(child) {
- this.textContent += child.toString();
- };
- Element.prototype.toString = function() {
- var stringBuilder = [];
- if (this.type != "fragment") {
- stringBuilder.push("<", this.type);
- if (this.className)
- stringBuilder.push(" class='", this.className, "'");
- var styleStr = [];
- for (var key in this.style) {
- styleStr.push(key, ":", this.style[key]);
- }
- if (styleStr.length)
- stringBuilder.push(" style='", styleStr.join(""), "'");
- stringBuilder.push(">");
- }
- if (this.textContent) {
- stringBuilder.push(this.textContent);
- }
- if (this.type != "fragment") {
- stringBuilder.push("</", this.type, ">");
- }
-
- return stringBuilder.join("");
- };
- var simpleDom = {
- createTextNode: function(textContent, element) {
- return escapeHTML(textContent);
- },
- createElement: function(type) {
- return new Element(type);
- },
- createFragment: function() {
- return new Element("fragment");
- }
- };
- var SimpleTextLayer = function() {
- this.config = {};
- this.dom = simpleDom;
- };
- SimpleTextLayer.prototype = TextLayer.prototype;
- var highlight = function(el, opts, callback) {
- var m = el.className.match(/lang-(\w+)/);
- var mode = opts.mode || m && ("ace/mode/" + m[1]);
- if (!mode)
- return false;
- var theme = opts.theme || "ace/theme/textmate";
-
- var data = "";
- var nodes = [];
- if (el.firstElementChild) {
- var textLen = 0;
- for (var i = 0; i < el.childNodes.length; i++) {
- var ch = el.childNodes[i];
- if (ch.nodeType == 3) {
- textLen += ch.data.length;
- data += ch.data;
- } else {
- nodes.push(textLen, ch);
- }
- }
- } else {
- data = el.textContent;
- if (opts.trim)
- data = data.trim();
- }
-
- highlight.render(data, mode, theme, opts.firstLineNumber, !opts.showGutter, function (highlighted) {
- dom.importCssString(highlighted.css, "ace_highlight");
- el.innerHTML = highlighted.html;
- var container = el.firstChild.firstChild;
- for (var i = 0; i < nodes.length; i += 2) {
- var pos = highlighted.session.doc.indexToPosition(nodes[i]);
- var node = nodes[i + 1];
- var lineEl = container.children[pos.row];
- lineEl && lineEl.appendChild(node);
- }
- callback && callback();
- });
- };
- highlight.render = function(input, mode, theme, lineStart, disableGutter, callback) {
- var waiting = 1;
- var modeCache = EditSession.prototype.$ace_modes;
- if (typeof theme == "string") {
- waiting++;
- config.loadModule(['theme', theme], function(m) {
- theme = m;
- --waiting || done();
- });
- }
- var modeOptions;
- if (mode && typeof mode === "object" && !mode.getTokenizer) {
- modeOptions = mode;
- mode = modeOptions.path;
- }
- if (typeof mode == "string") {
- waiting++;
- config.loadModule(['mode', mode], function(m) {
- if (!modeCache[mode] || modeOptions)
- modeCache[mode] = new m.Mode(modeOptions);
- mode = modeCache[mode];
- --waiting || done();
- });
- }
- function done() {
- var result = highlight.renderSync(input, mode, theme, lineStart, disableGutter);
- return callback ? callback(result) : result;
- }
- return --waiting || done();
- };
- highlight.renderSync = function(input, mode, theme, lineStart, disableGutter) {
- lineStart = parseInt(lineStart || 1, 10);
- var session = new EditSession("");
- session.setUseWorker(false);
- session.setMode(mode);
- var textLayer = new SimpleTextLayer();
- textLayer.setSession(session);
- Object.keys(textLayer.$tabStrings).forEach(function(k) {
- if (typeof textLayer.$tabStrings[k] == "string") {
- var el = simpleDom.createFragment();
- el.textContent = textLayer.$tabStrings[k];
- textLayer.$tabStrings[k] = el;
- }
- });
- session.setValue(input);
- var length = session.getLength();
-
- var outerEl = simpleDom.createElement("div");
- outerEl.className = theme.cssClass;
-
- var innerEl = simpleDom.createElement("div");
- innerEl.className = "ace_static_highlight" + (disableGutter ? "" : " ace_show_gutter");
- innerEl.style["counter-reset"] = "ace_line " + (lineStart - 1);
- for (var ix = 0; ix < length; ix++) {
- var lineEl = simpleDom.createElement("div");
- lineEl.className = "ace_line";
-
- if (!disableGutter) {
- var gutterEl = simpleDom.createElement("span");
- gutterEl.className ="ace_gutter ace_gutter-cell";
- gutterEl.textContent = "";
- lineEl.appendChild(gutterEl);
- }
- textLayer.$renderLine(lineEl, ix, false);
- lineEl.textContent += "\n";
- innerEl.appendChild(lineEl);
- }
- outerEl.appendChild(innerEl);
- return {
- css: baseStyles + theme.cssText,
- html: outerEl.toString(),
- session: session
- };
- };
- module.exports = highlight;
- module.exports.highlight = highlight;
- }); (function() {
- window.ace_require(["ace/ext/static_highlight"], function(m) {
- if (typeof module == "object" && typeof exports == "object" && module) {
- module.exports = m;
- }
- });
- })();
-
|