Mercurial
comparison .cms/lib/codemirror/mode/pug/index.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
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>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |
15 <div id=nav> | |
16 <a href="https://codemirror.net/5"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png" alt=""></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/codemirror5">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"> | |
32 doctype 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> |