source: spip-zone/_plugins_/skeleditor/trunk/codemirror/mode/pug/index.html @ 111862

Last change on this file since 111862 was 111862, checked in by arnaud.berard@…, 14 months ago

avec svn add c'est mieux

  • addons
  • demo
  • mode

-theme

  • Property svn:eol-style set to native
File size: 2.4 KB
Line 
1<!doctype html>
2
3<title>CodeMirror: Pug Templating 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="../javascript/javascript.js"></script>
10<script src="../css/css.js"></script>
11<script src="../xml/xml.js"></script>
12<script src="../htmlmixed/htmlmixed.js"></script>
13<script src="pug.js"></script>
14<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
15<div id=nav>
16  <a href="https://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="#">Pug Templating Mode</a>
26  </ul>
27</div>
28
29<article>
30<h2>Pug Templating Mode</h2>
31<form><textarea id="code" name="code">
32doctype html
33  html
34    head
35      title= "Pug Templating CodeMirror Mode Example"
36      link(rel='stylesheet', href='/css/bootstrap.min.css')
37      link(rel='stylesheet', href='/css/index.css')
38      script(type='text/javascript', src='/js/jquery-1.9.1.min.js')
39      script(type='text/javascript', src='/js/bootstrap.min.js')
40    body
41      div.header
42        h1 Welcome to this Example
43      div.spots
44        if locals.spots
45          each spot in spots
46            div.spot.well
47         div
48           if spot.logo
49             img.img-rounded.logo(src=spot.logo)
50           else
51             img.img-rounded.logo(src="img/placeholder.png")
52         h3
53           a(href=spot.hash) ##{spot.hash}
54           if spot.title
55             span.title #{spot.title}
56           if spot.desc
57             div #{spot.desc}
58        else
59          h3 There are no spots currently available.
60</textarea></form>
61    <script>
62      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
63        mode: {name: "pug", alignCDATA: true},
64        lineNumbers: true
65      });
66    </script>
67    <h3>The Pug Templating Mode</h3>
68      <p> Created by Forbes Lindesay. Managed as part of a Brackets extension at <a href="https://github.com/ForbesLindesay/jade-brackets">https://github.com/ForbesLindesay/jade-brackets</a>.</p>
69    <p><strong>MIME type defined:</strong> <code>text/x-pug</code>, <code>text/x-jade</code>.</p>
70  </article>
Note: See TracBrowser for help on using the repository browser.