| CodeMirror.defineMode("htmlmixed", function(config, parserConfig) { |
| var htmlMode = CodeMirror.getMode(config, {name: "xml", htmlMode: true}); |
| var cssMode = CodeMirror.getMode(config, "css"); |
| |
| var scriptTypes = [], scriptTypesConf = parserConfig && parserConfig.scriptTypes; |
| scriptTypes.push({matches: /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^$/i, |
| mode: CodeMirror.getMode(config, "javascript")}); |
| if (scriptTypesConf) for (var i = 0; i < scriptTypesConf.length; ++i) { |
| var conf = scriptTypesConf[i]; |
| scriptTypes.push({matches: conf.matches, mode: conf.mode && CodeMirror.getMode(config, conf.mode)}); |
| } |
| scriptTypes.push({matches: /./, |
| mode: CodeMirror.getMode(config, "text/plain")}); |
| |
| function html(stream, state) { |
| var tagName = state.htmlState.tagName; |
| var style = htmlMode.token(stream, state.htmlState); |
| if (tagName == "script" && /\btag\b/.test(style) && stream.current() == ">") { |
| // Script block: mode to change to depends on type attribute |
| var scriptType = stream.string.slice(Math.max(0, stream.pos - 100), stream.pos).match(/\btype\s*=\s*("[^"]+"|'[^']+'|\S+)[^<]*$/i); |
| scriptType = scriptType ? scriptType[1] : ""; |
| if (scriptType && /[\"\']/.test(scriptType.charAt(0))) scriptType = scriptType.slice(1, scriptType.length - 1); |
| for (var i = 0; i < scriptTypes.length; ++i) { |
| var tp = scriptTypes[i]; |
| if (typeof tp.matches == "string" ? scriptType == tp.matches : tp.matches.test(scriptType)) { |
| if (tp.mode) { |
| state.token = script; |
| state.localMode = tp.mode; |
| state.localState = tp.mode.startState && tp.mode.startState(htmlMode.indent(state.htmlState, "")); |
| } |
| break; |
| } |
| } |
| } else if (tagName == "style" && /\btag\b/.test(style) && stream.current() == ">") { |
| state.token = css; |
| state.localMode = cssMode; |
| state.localState = cssMode.startState(htmlMode.indent(state.htmlState, "")); |
| } |
| return style; |
| } |
| function maybeBackup(stream, pat, style) { |
| var cur = stream.current(); |
| var close = cur.search(pat), m; |
| if (close > -1) stream.backUp(cur.length - close); |
| else if (m = cur.match(/<\/?$/)) { |
| stream.backUp(cur.length); |
| if (!stream.match(pat, false)) stream.match(cur[0]); |
| } |
| return style; |
| } |
| function script(stream, state) { |
| if (stream.match(/^<\/\s*script\s*>/i, false)) { |
| state.token = html; |
| state.localState = state.localMode = null; |
| return html(stream, state); |
| } |
| return maybeBackup(stream, /<\/\s*script\s*>/, |
| state.localMode.token(stream, state.localState)); |
| } |
| function css(stream, state) { |
| if (stream.match(/^<\/\s*style\s*>/i, false)) { |
| state.token = html; |
| state.localState = state.localMode = null; |
| return html(stream, state); |
| } |
| return maybeBackup(stream, /<\/\s*style\s*>/, |
| cssMode.token(stream, state.localState)); |
| } |
| |
| return { |
| startState: function() { |
| var state = htmlMode.startState(); |
| return {token: html, localMode: null, localState: null, htmlState: state}; |
| }, |
| |
| copyState: function(state) { |
| if (state.localState) |
| var local = CodeMirror.copyState(state.localMode, state.localState); |
| return {token: state.token, localMode: state.localMode, localState: local, |
| htmlState: CodeMirror.copyState(htmlMode, state.htmlState)}; |
| }, |
| |
| token: function(stream, state) { |
| return state.token(stream, state); |
| }, |
| |
| indent: function(state, textAfter) { |
| if (!state.localMode || /^\s*<\//.test(textAfter)) |
| return htmlMode.indent(state.htmlState, textAfter); |
| else if (state.localMode.indent) |
| return state.localMode.indent(state.localState, textAfter); |
| else |
| return CodeMirror.Pass; |
| }, |
| |
| electricChars: "/{}:", |
| |
| innerMode: function(state) { |
| return {state: state.localState || state.htmlState, mode: state.localMode || htmlMode}; |
| } |
| }; |
| }, "xml", "javascript", "css"); |
| |
| CodeMirror.defineMIME("text/html", "htmlmixed"); |