index.html
55 lines
| 1.4 KiB
| text/html
|
HtmlLexer
Matthias BUSSONNIER
|
r8053 | <!doctype html> | ||
<html> | ||||
<head> | ||||
<title>CodeMirror: Smalltalk mode</title> | ||||
<link rel="stylesheet" href="../../lib/codemirror.css"> | ||||
<script src="../../lib/codemirror.js"></script> | ||||
<script src="smalltalk.js"></script> | ||||
<link rel="stylesheet" href="../../doc/docs.css"> | ||||
<style> | ||||
.CodeMirror {border: 2px solid #dee; border-right-width: 10px;} | ||||
.CodeMirror-gutter {border: none; background: #dee;} | ||||
.CodeMirror-gutter pre {color: white; font-weight: bold;} | ||||
</style> | ||||
</head> | ||||
<body> | ||||
<h1>CodeMirror: Smalltalk mode</h1> | ||||
<form><textarea id="code" name="code"> | ||||
" | ||||
This is a test of the Smalltalk code | ||||
" | ||||
Seaside.WAComponent subclass: #MyCounter [ | ||||
| count | | ||||
MyCounter class >> canBeRoot [ ^true ] | ||||
initialize [ | ||||
super initialize. | ||||
count := 0. | ||||
] | ||||
states [ ^{ self } ] | ||||
renderContentOn: html [ | ||||
html heading: count. | ||||
html anchor callback: [ count := count + 1 ]; with: '++'. | ||||
html space. | ||||
html anchor callback: [ count := count - 1 ]; with: '--'. | ||||
] | ||||
] | ||||
MyCounter registerAsApplication: 'mycounter' | ||||
</textarea></form> | ||||
<script> | ||||
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | ||||
lineNumbers: true, | ||||
matchBrackets: true, | ||||
mode: "text/x-stsrc", | ||||
indentUnit: 4 | ||||
}); | ||||
</script> | ||||
<p>Simple Smalltalk mode.</p> | ||||
<p><strong>MIME types defined:</strong> <code>text/x-stsrc</code>.</p> | ||||
</body> | ||||
</html> | ||||