* Added coding style modes to SimpleMDE * Moved the CodeMirror addon from simplemd to codemirror directory
		
			
				
	
	
		
			69 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			69 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!doctype html>
 | |
| 
 | |
| <title>CodeMirror: Smalltalk mode</title>
 | |
| <meta charset="utf-8"/>
 | |
| <link rel=stylesheet href="../../doc/docs.css">
 | |
| 
 | |
| <link rel="stylesheet" href="../../lib/codemirror.css">
 | |
| <script src="../../lib/codemirror.js"></script>
 | |
| <script src="../../addon/edit/matchbrackets.js"></script>
 | |
| <script src="smalltalk.js"></script>
 | |
| <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>
 | |
| <div id=nav>
 | |
|   <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
 | |
| 
 | |
|   <ul>
 | |
|     <li><a href="../../index.html">Home</a>
 | |
|     <li><a href="../../doc/manual.html">Manual</a>
 | |
|     <li><a href="https://github.com/codemirror/codemirror">Code</a>
 | |
|   </ul>
 | |
|   <ul>
 | |
|     <li><a href="../index.html">Language modes</a>
 | |
|     <li><a class=active href="#">Smalltalk</a>
 | |
|   </ul>
 | |
| </div>
 | |
| 
 | |
| <article>
 | |
| <h2>Smalltalk mode</h2>
 | |
| <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>
 | |
|   </article>
 |