index.html (2071B)
1 <!doctype html> 2 3 <title>CodeMirror: HAML mode</title> 4 <meta charset="utf-8"/> 5 <link rel=stylesheet href="../../doc/docs.css"> 6 7 <link rel="stylesheet" href="../../lib/codemirror.css"> 8 <script src="../../lib/codemirror.js"></script> 9 <script src="../xml/xml.js"></script> 10 <script src="../htmlmixed/htmlmixed.js"></script> 11 <script src="../javascript/javascript.js"></script> 12 <script src="../ruby/ruby.js"></script> 13 <script src="haml.js"></script> 14 <style>.CodeMirror {background: #f8f8f8;}</style> 15 <div id=nav> 16 <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a> 17 18 <ul> 19 <li><a href="../../index.html">Home</a> 20 <li><a href="../../doc/manual.html">Manual</a> 21 <li><a href="https://github.com/codemirror/codemirror">Code</a> 22 </ul> 23 <ul> 24 <li><a href="../index.html">Language modes</a> 25 <li><a class=active href="#">HAML</a> 26 </ul> 27 </div> 28 29 <article> 30 <h2>HAML mode</h2> 31 <form><textarea id="code" name="code"> 32 !!! 33 #content 34 .left.column(title="title"){:href => "/hello", :test => "#{hello}_#{world}"} 35 <!-- This is a comment --> 36 %h2 Welcome to our site! 37 %p= puts "HAML MODE" 38 .right.column 39 = render :partial => "sidebar" 40 41 .container 42 .row 43 .span8 44 %h1.title= @page_title 45 %p.title= @page_title 46 %p 47 / 48 The same as HTML comment 49 Hello multiline comment 50 51 -# haml comment 52 This wont be displayed 53 nor will this 54 Date/Time: 55 - now = DateTime.now 56 %strong= now 57 - if now > DateTime.parse("December 31, 2006") 58 = "Happy new " + "year!" 59 60 %title 61 = @title 62 \= @title 63 <h1>Title</h1> 64 <h1 title="HELLO"> 65 Title 66 </h1> 67 </textarea></form> 68 <script> 69 var editor = CodeMirror.fromTextArea(document.getElementById("code"), { 70 lineNumbers: true, 71 mode: "text/x-haml" 72 }); 73 </script> 74 75 <p><strong>MIME types defined:</strong> <code>text/x-haml</code>.</p> 76 77 <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#haml_*">normal</a>, <a href="../../test/index.html#verbose,haml_*">verbose</a>.</p> 78 79 </article>