aboutsummaryrefslogtreecommitdiff
path: root/imports/codemirror/mode/smalltalk/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'imports/codemirror/mode/smalltalk/index.html')
-rwxr-xr-ximports/codemirror/mode/smalltalk/index.html55
1 files changed, 55 insertions, 0 deletions
diff --git a/imports/codemirror/mode/smalltalk/index.html b/imports/codemirror/mode/smalltalk/index.html
new file mode 100755
index 00000000..8a85c39e
--- /dev/null
+++ b/imports/codemirror/mode/smalltalk/index.html
@@ -0,0 +1,55 @@
1<!doctype html>
2<html>
3 <head>
4 <title>CodeMirror: Smalltalk mode</title>
5 <link rel="stylesheet" href="../../lib/codemirror.css">
6 <script src="../../lib/codemirror.js"></script>
7 <script src="smalltalk.js"></script>
8 <link rel="stylesheet" href="../../doc/docs.css">
9 <style>
10 .CodeMirror {border: 2px solid #dee; border-right-width: 10px;}
11 .CodeMirror-gutter {border: none; background: #dee;}
12 .CodeMirror-gutter pre {color: white; font-weight: bold;}
13 </style>
14 </head>
15 <body>
16 <h1>CodeMirror: Smalltalk mode</h1>
17
18<form><textarea id="code" name="code">
19"
20 This is a test of the Smalltalk code
21"
22Seaside.WAComponent subclass: #MyCounter [
23 | count |
24 MyCounter class &gt;&gt; canBeRoot [ ^true ]
25
26 initialize [
27 super initialize.
28 count := 0.
29 ]
30 states [ ^{ self } ]
31 renderContentOn: html [
32 html heading: count.
33 html anchor callback: [ count := count + 1 ]; with: '++'.
34 html space.
35 html anchor callback: [ count := count - 1 ]; with: '--'.
36 ]
37]
38
39MyCounter registerAsApplication: 'mycounter'
40</textarea></form>
41
42 <script>
43 var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
44 lineNumbers: true,
45 matchBrackets: true,
46 mode: "text/x-stsrc",
47 indentUnit: 4
48 });
49 </script>
50
51 <p>Simple Smalltalk mode.</p>
52
53 <p><strong>MIME types defined:</strong> <code>text/x-stsrc</code>.</p>
54 </body>
55</html>