5 <title>CodeMirror: Smalltalk mode</title>
6 <link rel="stylesheet" href="../../lib/codemirror.css">
7 <script src="../../lib/codemirror.js"></script>
8 <script src="../../addon/edit/matchbrackets.js"></script>
9 <script src="smalltalk.js"></script>
10 <link rel="stylesheet" href="../../doc/docs.css">
12 .CodeMirror {border: 2px solid #dee; border-right-width: 10px;}
13 .CodeMirror-gutter {border: none; background: #dee;}
14 .CodeMirror-gutter pre {color: white; font-weight: bold;}
18 <h1>CodeMirror: Smalltalk mode</h1>
20 <form><textarea id="code" name="code">
22 This is a test of the Smalltalk code
24 Seaside.WAComponent subclass: #MyCounter [
26 MyCounter class >> canBeRoot [ ^true ]
33 renderContentOn: html [
35 html anchor callback: [ count := count + 1 ]; with: '++'.
37 html anchor callback: [ count := count - 1 ]; with: '--'.
41 MyCounter registerAsApplication: 'mycounter'
45 var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
53 <p>Simple Smalltalk mode.</p>
55 <p><strong>MIME types defined:</strong> <code>text/x-stsrc</code>.</p>