diff options
author | patdenice <patdenice@piwigo.org> | 2011-04-12 11:40:06 +0000 |
---|---|---|
committer | patdenice <patdenice@piwigo.org> | 2011-04-12 11:40:06 +0000 |
commit | cf4e2c81f948a1a9e54258d3ced978d1ad2ef234 (patch) | |
tree | f3fbaa43b7207e1f153a079ffb9c84dcf85c6c00 /plugins/LocalFilesEditor/codemirror/mode/php | |
parent | 28b9e115ee113b9510db949093c39a7743d8906f (diff) |
merge r10307 from trunk to branch 2.2
feature:2262
Replace editarea by Codemirror:
http://codemirror.net
git-svn-id: http://piwigo.org/svn/branches/2.2@10310 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'plugins/LocalFilesEditor/codemirror/mode/php')
-rw-r--r-- | plugins/LocalFilesEditor/codemirror/mode/php/index.html | 52 | ||||
-rw-r--r-- | plugins/LocalFilesEditor/codemirror/mode/php/php.js | 83 |
2 files changed, 135 insertions, 0 deletions
diff --git a/plugins/LocalFilesEditor/codemirror/mode/php/index.html b/plugins/LocalFilesEditor/codemirror/mode/php/index.html new file mode 100644 index 000000000..020e24898 --- /dev/null +++ b/plugins/LocalFilesEditor/codemirror/mode/php/index.html @@ -0,0 +1,52 @@ +<!doctype html> +<html> + <head> + <title>CodeMirror 2: PHP mode</title> + <link rel="stylesheet" href="../../lib/codemirror.css"> + <script src="../../lib/codemirror.js"></script> + <script src="../xml/xml.js"></script> + <link rel="stylesheet" href="../xml/xml.css"> + <script src="../javascript/javascript.js"></script> + <link rel="stylesheet" href="../javascript/javascript.css"> + <script src="../css/css.js"></script> + <link rel="stylesheet" href="../css/css.css"> + <script src="../clike/clike.js"></script> + <link rel="stylesheet" href="../clike/clike.css"> + <script src="php.js"></script> + <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> + <link rel="stylesheet" href="../../css/docs.css"> + </head> + <body> + <h1>CodeMirror 2: PHP mode</h1> + +<form><textarea id="code" name="code"> +<?php +function hello($who) { + return "Hello " . $who; +} +?> +<p>The program says <?= hello("World") ?>.</p> +<script> + alert("And here is some JS code"); // also colored +</script> +</textarea></form> + + <script> + var editor = CodeMirror.fromTextArea(document.getElementById("code"), { + lineNumbers: true, + matchBrackets: true, + mode: "application/x-httpd-php", + indentUnit: 8, + indentWithTabs: true, + enterMode: "keep", + tabMode: "shift" + }); + </script> + + <p>Simple HTML/PHP mode based on + the <a href="../clike/">C-like</a> mode. Depends on XML, + JavaScript, CSS, and C-like modes.</p> + + <p><strong>MIME types defined:</strong> <code>application/x-httpd-php</code>.</p> + </body> +</html> diff --git a/plugins/LocalFilesEditor/codemirror/mode/php/php.js b/plugins/LocalFilesEditor/codemirror/mode/php/php.js new file mode 100644 index 000000000..a23538f6b --- /dev/null +++ b/plugins/LocalFilesEditor/codemirror/mode/php/php.js @@ -0,0 +1,83 @@ +(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"); |