Differential D134 Diff 321 branches/5.3.x/core/ckeditor/ckfinder/plugins/fileeditor/codemirror/mode/htmlmixed/htmlmixed.js
Changeset View
Changeset View
Standalone View
Standalone View
branches/5.3.x/core/ckeditor/ckfinder/plugins/fileeditor/codemirror/mode/htmlmixed/htmlmixed.js
Property | Old Value | New Value |
---|---|---|
svn:eol-style | null | LF |
CodeMirror.defineMode("htmlmixed", function(config, parserConfig) { | CodeMirror.defineMode("htmlmixed", function(config, parserConfig) { | ||||
var htmlMode = CodeMirror.getMode(config, {name: "xml", htmlMode: true}); | var htmlMode = CodeMirror.getMode(config, {name: "xml", htmlMode: true}); | ||||
var jsMode = CodeMirror.getMode(config, "javascript"); | var jsMode = CodeMirror.getMode(config, "javascript"); | ||||
var cssMode = CodeMirror.getMode(config, "css"); | var cssMode = CodeMirror.getMode(config, "css"); | ||||
function html(stream, state) { | function html(stream, state) { | ||||
var style = htmlMode.token(stream, state.htmlState); | var style = htmlMode.token(stream, state.htmlState); | ||||
if (style == "tag" && stream.current() == ">" && state.htmlState.context) { | if (style == "tag" && stream.current() == ">" && state.htmlState.context) { | ||||
if (/^script$/i.test(state.htmlState.context.tagName)) { | if (/^script$/i.test(state.htmlState.context.tagName)) { | ||||
state.token = javascript; | state.token = javascript; | ||||
state.localState = jsMode.startState(htmlMode.indent(state.htmlState, "")); | state.localState = jsMode.startState(htmlMode.indent(state.htmlState, "")); | ||||
state.mode = "javascript"; | state.mode = "javascript"; | ||||
} | } | ||||
else if (/^style$/i.test(state.htmlState.context.tagName)) { | else if (/^style$/i.test(state.htmlState.context.tagName)) { | ||||
state.token = css; | state.token = css; | ||||
state.localState = cssMode.startState(htmlMode.indent(state.htmlState, "")); | state.localState = cssMode.startState(htmlMode.indent(state.htmlState, "")); | ||||
state.mode = "css"; | state.mode = "css"; | ||||
} | } | ||||
} | } | ||||
return style; | return style; | ||||
} | } | ||||
function maybeBackup(stream, pat, style) { | function maybeBackup(stream, pat, style) { | ||||
var cur = stream.current(); | var cur = stream.current(); | ||||
var close = cur.search(pat); | var close = cur.search(pat); | ||||
if (close > -1) stream.backUp(cur.length - close); | if (close > -1) stream.backUp(cur.length - close); | ||||
return style; | return style; | ||||
} | } | ||||
function javascript(stream, state) { | function javascript(stream, state) { | ||||
if (stream.match(/^<\/\s*script\s*>/i, false)) { | if (stream.match(/^<\/\s*script\s*>/i, false)) { | ||||
state.token = html; | state.token = html; | ||||
state.localState = null; | state.localState = null; | ||||
state.mode = "html"; | state.mode = "html"; | ||||
return html(stream, state); | return html(stream, state); | ||||
} | } | ||||
return maybeBackup(stream, /<\/\s*script\s*>/, | return maybeBackup(stream, /<\/\s*script\s*>/, | ||||
jsMode.token(stream, state.localState)); | jsMode.token(stream, state.localState)); | ||||
} | } | ||||
function css(stream, state) { | function css(stream, state) { | ||||
if (stream.match(/^<\/\s*style\s*>/i, false)) { | if (stream.match(/^<\/\s*style\s*>/i, false)) { | ||||
state.token = html; | state.token = html; | ||||
state.localState = null; | state.localState = null; | ||||
state.mode = "html"; | state.mode = "html"; | ||||
return html(stream, state); | return html(stream, state); | ||||
} | } | ||||
return maybeBackup(stream, /<\/\s*style\s*>/, | return maybeBackup(stream, /<\/\s*style\s*>/, | ||||
cssMode.token(stream, state.localState)); | cssMode.token(stream, state.localState)); | ||||
} | } | ||||
return { | return { | ||||
startState: function() { | startState: function() { | ||||
var state = htmlMode.startState(); | var state = htmlMode.startState(); | ||||
return {token: html, localState: null, mode: "html", htmlState: state}; | return {token: html, localState: null, mode: "html", htmlState: state}; | ||||
}, | }, | ||||
copyState: function(state) { | copyState: function(state) { | ||||
if (state.localState) | if (state.localState) | ||||
var local = CodeMirror.copyState(state.token == css ? cssMode : jsMode, state.localState); | var local = CodeMirror.copyState(state.token == css ? cssMode : jsMode, state.localState); | ||||
return {token: state.token, localState: local, mode: state.mode, | return {token: state.token, localState: local, mode: state.mode, | ||||
htmlState: CodeMirror.copyState(htmlMode, state.htmlState)}; | htmlState: CodeMirror.copyState(htmlMode, state.htmlState)}; | ||||
}, | }, | ||||
token: function(stream, state) { | token: function(stream, state) { | ||||
return state.token(stream, state); | return state.token(stream, state); | ||||
}, | }, | ||||
indent: function(state, textAfter) { | indent: function(state, textAfter) { | ||||
if (state.token == html || /^\s*<\//.test(textAfter)) | if (state.token == html || /^\s*<\//.test(textAfter)) | ||||
return htmlMode.indent(state.htmlState, textAfter); | return htmlMode.indent(state.htmlState, textAfter); | ||||
else if (state.token == javascript) | else if (state.token == javascript) | ||||
return jsMode.indent(state.localState, textAfter); | return jsMode.indent(state.localState, textAfter); | ||||
else | else | ||||
return cssMode.indent(state.localState, textAfter); | return cssMode.indent(state.localState, textAfter); | ||||
}, | }, | ||||
compareStates: function(a, b) { | compareStates: function(a, b) { | ||||
if (a.mode != b.mode) return false; | if (a.mode != b.mode) return false; | ||||
if (a.localState) return CodeMirror.Pass; | if (a.localState) return CodeMirror.Pass; | ||||
return htmlMode.compareStates(a.htmlState, b.htmlState); | return htmlMode.compareStates(a.htmlState, b.htmlState); | ||||
}, | }, | ||||
electricChars: "/{}:" | electricChars: "/{}:" | ||||
} | } | ||||
}, "xml", "javascript", "css"); | }, "xml", "javascript", "css"); | ||||
CodeMirror.defineMIME("text/html", "htmlmixed"); | CodeMirror.defineMIME("text/html", "htmlmixed"); |