
Replace editarea by Codemirror: http://codemirror.net git-svn-id: http://piwigo.org/svn/trunk@10307 68402e56-0260-453c-a942-63ccdbb3a9ee
52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
HTML
<!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>
|