
Replace editarea by Codemirror: http://codemirror.net git-svn-id: http://piwigo.org/svn/trunk@10307 68402e56-0260-453c-a942-63ccdbb3a9ee
83 lines
3.3 KiB
JavaScript
83 lines
3.3 KiB
JavaScript
(function() {
|
|
function keywords(str) {
|
|
var obj = {}, words = str.split(" ");
|
|
for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
|
|
return obj;
|
|
}
|
|
var phpKeywords =
|
|
keywords("abstract and array as break case catch cfunction class clone const continue declare " +
|
|
"default do else elseif enddeclare endfor endforeach endif endswitch endwhile extends " +
|
|
"final for foreach function global goto if implements interface instanceof namespace " +
|
|
"new or private protected public static switch throw try use var while xor");
|
|
|
|
CodeMirror.defineMode("php", function(config, parserConfig) {
|
|
var htmlMode = CodeMirror.getMode(config, "text/html");
|
|
var jsMode = CodeMirror.getMode(config, "text/javascript");
|
|
var cssMode = CodeMirror.getMode(config, "text/css");
|
|
var phpMode = CodeMirror.getMode(config, {name: "clike", keywords: phpKeywords, multiLineStrings: true, $vars: true});
|
|
|
|
function dispatch(stream, state) { // TODO open PHP inside text/css
|
|
if (state.curMode == htmlMode) {
|
|
var style = htmlMode.token(stream, state.curState);
|
|
if (style == "xml-processing" && /^<\?/.test(stream.current())) {
|
|
state.curMode = phpMode;
|
|
state.curState = state.php;
|
|
state.curClose = /^\?>/;
|
|
}
|
|
else if (style == "xml-tag" && stream.current() == ">" && state.curState.context) {
|
|
if (/^script$/i.test(state.curState.context.tagName)) {
|
|
state.curMode = jsMode;
|
|
state.curState = jsMode.startState(htmlMode.indent(state.curState, ""));
|
|
state.curClose = /^<\/\s*script\s*>/i;
|
|
}
|
|
else if (/^style$/i.test(state.curState.context.tagName)) {
|
|
state.curMode = cssMode;
|
|
state.curState = cssMode.startState(htmlMode.indent(state.curState, ""));
|
|
state.curClose = /^<\/\s*style\s*>/i;
|
|
}
|
|
}
|
|
return style;
|
|
}
|
|
else if (stream.match(state.curClose, false)) {
|
|
state.curMode = htmlMode;
|
|
state.curState = state.html;
|
|
state.curClose = null;
|
|
return dispatch(stream, state);
|
|
}
|
|
else return state.curMode.token(stream, state.curState);
|
|
}
|
|
|
|
return {
|
|
startState: function() {
|
|
var html = htmlMode.startState();
|
|
return {html: html,
|
|
php: phpMode.startState(),
|
|
curMode: htmlMode,
|
|
curState: html,
|
|
curClose: null}
|
|
},
|
|
|
|
copyState: function(state) {
|
|
var html = state.html, htmlNew = CodeMirror.copyState(htmlMode, html),
|
|
php = state.php, phpNew = CodeMirror.copyState(phpMode, php), cur;
|
|
if (state.curState == html) cur = htmlNew;
|
|
else if (state.curState == php) cur = phpNew;
|
|
else cur = CodeMirror.copyState(state.curMode, state.curState);
|
|
return {html: htmlNew, php: phpNew, curMode: state.curMode, curState: cur, curClose: state.curClose};
|
|
},
|
|
|
|
token: dispatch,
|
|
|
|
indent: function(state, textAfter) {
|
|
if ((state.curMode != phpMode && /^\s*<\//.test(textAfter)) ||
|
|
(state.curMode == phpMode && /^\?>/.test(textAfter)))
|
|
return htmlMode.indent(state.html, textAfter);
|
|
return state.curMode.indent(state.curState, textAfter);
|
|
},
|
|
|
|
electricChars: "/{}:"
|
|
}
|
|
});
|
|
})();
|
|
|
|
CodeMirror.defineMIME("application/x-httpd-php", "php");
|