openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

variableheight.html (2067B)

      1 <!doctype html>
      2 
      3 <title>CodeMirror: Variable Height Demo</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="../mode/markdown/markdown.js"></script>
     10 <script src="../mode/xml/xml.js"></script>
     11 <style type="text/css">
     12       .CodeMirror {border: 1px solid silver; border-width: 1px 2px; }
     13       .cm-header { font-family: arial; }
     14       .cm-header-1 { font-size: 150%; }
     15       .cm-header-2 { font-size: 130%; }
     16       .cm-header-3 { font-size: 120%; }
     17       .cm-header-4 { font-size: 110%; }
     18       .cm-header-5 { font-size: 100%; }
     19       .cm-header-6 { font-size: 90%; }
     20       .cm-strong { font-size: 140%; }
     21     </style>
     22 <div id=nav>
     23   <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../doc/logo.png"></a>
     24 
     25   <ul>
     26     <li><a href="../index.html">Home</a>
     27     <li><a href="../doc/manual.html">Manual</a>
     28     <li><a href="https://github.com/codemirror/codemirror">Code</a>
     29   </ul>
     30   <ul>
     31     <li><a class=active href="#">Variable Height</a>
     32   </ul>
     33 </div>
     34 
     35 <article>
     36 <h2>Variable Height Demo</h2>
     37 <form><textarea id="code" name="code"># A First Level Header
     38 
     39 **Bold** text in a normal-size paragraph.
     40 
     41 And a very long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long, wrapped line with a piece of **big** text inside of it.
     42 
     43 ## A Second Level Header
     44 
     45 Now is the time for all good men to come to
     46 the aid of their country. This is just a
     47 regular paragraph.
     48 
     49 The quick brown fox jumped over the lazy
     50 dog's back.
     51 
     52 ### Header 3
     53 
     54 > This is a blockquote.
     55 > 
     56 > This is the second paragraph in the blockquote.
     57 >
     58 > ## This is an H2 in a blockquote       
     59 </textarea></form>
     60     <script id="script">
     61       var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
     62         lineNumbers: true,
     63         lineWrapping: true,
     64         mode: "markdown"
     65       });
     66     </script>
     67   </article>