openrat-cms

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

index.html (4347B)


      1 <!doctype html>
      2 
      3 <title>CodeMirror: Textile 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="textile.js"></script>
     10 <style>.CodeMirror {background: #f8f8f8;}</style>
     11 <div id=nav>
     12   <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
     13 
     14   <ul>
     15     <li><a href="../../index.html">Home</a>
     16     <li><a href="../../doc/manual.html">Manual</a>
     17     <li><a href="https://github.com/marijnh/codemirror">Code</a>
     18   </ul>
     19   <ul>
     20     <li><a href="../index.html">Language modes</a>
     21     <li><a class="active" href="#">Textile</a>
     22   </ul>
     23 </div>
     24 
     25 <article>
     26     <h2>Textile mode</h2>
     27     <form><textarea id="code" name="code">
     28 h1. Textile Mode
     29 
     30 A paragraph without formatting.
     31 
     32 p. A simple Paragraph.
     33 
     34 
     35 h2. Phrase Modifiers
     36 
     37 Here are some simple phrase modifiers: *strong*, _emphasis_, **bold**, and __italic__.
     38 
     39 A ??citation??, -deleted text-, +inserted text+, some ^superscript^, and some ~subscript~.
     40 
     41 A %span element% and @code element@
     42 
     43 A "link":http://example.com, a "link with (alt text)":urlAlias
     44 
     45 [urlAlias]http://example.com/
     46 
     47 An image: !http://example.com/image.png! and an image with a link: !http://example.com/image.png!:http://example.com
     48 
     49 A sentence with a footnote.[123]
     50 
     51 fn123. The footnote is defined here.
     52 
     53 Registered(r), Trademark(tm), and Copyright(c)
     54 
     55 
     56 h2. Headers
     57 
     58 h1. Top level
     59 h2. Second level
     60 h3. Third level
     61 h4. Fourth level
     62 h5. Fifth level
     63 h6. Lowest level
     64 
     65 
     66 h2.  Lists
     67 
     68 * An unordered list
     69 ** foo bar
     70 *** foo bar
     71 **** foo bar
     72 ** foo bar
     73 
     74 # An ordered list
     75 ## foo bar
     76 ### foo bar
     77 #### foo bar
     78 ## foo bar
     79 
     80 - definition list := description
     81 - another item    := foo bar
     82 - spanning ines   :=
     83                      foo bar
     84 
     85                      foo bar =:
     86 
     87 
     88 h2. Attributes
     89 
     90 Layouts and phrase modifiers can be modified with various kinds of attributes: alignment, CSS ID, CSS class names, language, padding, and CSS styles.
     91 
     92 h3. Alignment
     93 
     94 div<. left align
     95 div>. right align
     96 
     97 h3. CSS ID and class name
     98 
     99 You are a %(my-id#my-classname) rad% person.
    100 
    101 h3. Language
    102 
    103 p[en_CA]. Strange weather, eh?
    104 
    105 h3. Horizontal Padding
    106 
    107 p(())). 2em left padding, 3em right padding
    108 
    109 h3. CSS styling
    110 
    111 p{background: red}. Fire!
    112 
    113 
    114 h2. Table
    115 
    116 |_.              Header 1               |_.      Header 2        |
    117 |{background:#ddd}. Cell with background|         Normal         |
    118 |\2.         Cell spanning 2 columns                             |
    119 |/2.         Cell spanning 2 rows       |(cell-class). one       |
    120 |                                                two             |
    121 |>.                  Right aligned cell |<. Left aligned cell    |
    122 
    123 
    124 h3. A table with attributes:
    125 
    126 table(#prices).
    127 |Adults|$5|
    128 |Children|$2|
    129 
    130 
    131 h2. Code blocks
    132 
    133 bc.
    134 function factorial(n) {
    135     if (n === 0) {
    136         return 1;
    137     }
    138     return n * factorial(n - 1);
    139 }
    140 
    141 pre..
    142                 ,,,,,,
    143             o#'9MMHb':'-,o,
    144          .oH":HH$' "' ' -*R&o,
    145         dMMM*""'`'      .oM"HM?.
    146        ,MMM'          "HLbd< ?&H\
    147       .:MH ."\          ` MM  MM&b
    148      . "*H    -        &MMMMMMMMMH:
    149      .    dboo        MMMMMMMMMMMM.
    150      .   dMMMMMMb      *MMMMMMMMMP.
    151      .    MMMMMMMP        *MMMMMP .
    152           `#MMMMM           MM6P ,
    153        '    `MMMP"           HM*`,
    154         '    :MM             .- ,
    155          '.   `#?..  .       ..'
    156             -.   .         .-
    157               ''-.oo,oo.-''
    158 
    159 \. _(9>
    160  \==_)
    161   -'=
    162 
    163 h2. Temporarily disabling textile markup
    164 
    165 notextile. Don't __touch this!__
    166 
    167 Surround text with double-equals to disable textile inline. Example: Use ==*asterisks*== for *strong* text.
    168 
    169 
    170 h2. HTML
    171 
    172 Some block layouts are simply textile versions of HTML tags with the same name, like @div@, @pre@, and @p@. HTML tags can also exist on their own line:
    173 
    174 <section>
    175   <h1>Title</h1>
    176   <p>Hello!</p>
    177 </section>
    178 
    179 </textarea></form>
    180     <script>
    181         var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
    182             lineNumbers: true,
    183             mode: "text/x-textile"
    184         });
    185     </script>
    186 
    187     <p><strong>MIME types defined:</strong> <code>text/x-textile</code>.</p>
    188 
    189     <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#textile_*">normal</a>,  <a href="../../test/index.html#verbose,textile_*">verbose</a>.</p>
    190 
    191 </article>