to-be-integrated/third-party/codemirror-3.15/mode/haml/index.html

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