blob: cbc23b3bde3b1e6fda5c9c165a7515106241e762 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
# Installation
Just make sure zencoding-mode.el is in your `load-path`, if you
extracted zencoding-mode to a directory:
(add-to-list "~/emacs.d/zencoding-mode")
And then just require as normal:
(require 'zencoding-mode)
# Usage
Enable it by running `M-x zencoding-mode`. You probably want to add it
to auto-load on your sgml modes:
(add-hook 'sgml-mode-hook 'zencoding-mode) ;; Auto-start on any markup modes
Good to go.
# Examples
## Basic tags
a <a></a>
a.x <a class="x"></a>
a#q.x <a id="q" class="x"></a>
a#q.x.y.z <a id="q" class="x y z"></a>
#q \n<div id="q">\n</div>
.x \n<div class="x">\n</div>
#q.x \n<div id="q" class="x">\n</div>
#q.x.y.z \n<div id="q" class="x y z">\n</div>
## Empty tags
a/ <a/>
a/.x <a class="x"/>
a/#q.x <a id="q" class="x"/>
a/#q.x.y.z <a id="q" class="x y z"/>
## Self-closing tags
input type=text \n<input type="text"/>
img \n<img/>
img>metadata/*2 \n<img>\n<metadata/>\n<metadata/>\n</img>
## Siblings
a+b <a></a><b></b>
a+b+c <a></a><b></b><c></c>
a.x+b <a class="x"></a><b></b>
a#q.x+b <a id="q" class="x"></a><b></b>
a#q.x.y.z+b <a id="q" class="x y z"></a><b></b>
a#q.x.y.z+b#p.l.m.n <a id="q" class="x y z"></a><b id="p" class="l m n"></b>
## Tag expansion
table+ \n<table>\n<tr>\n<td>\n</td>\n</tr>\n</table>
dl+ \n<dl>\n<dt>\n</dt>\n<dd>\n</dd>\n</dl>
ul+ \n<ul>\n<li>\n</li>\n</ul>
ul++ol+ \n<ul>\n<li>\n</li>\n</ul>\n<ol>\n<li>\n</li>\n</ol>
ul#q.x.y m=l+ \n<ul id="q" class="x y" m="l">\n<li>\n</li>\n</ul>
## Parent > child
a>b <a><b></b></a>
a>b>c <a><b><c></c></b></a>
a.x>b <a class="x"><b></b></a>
a#q.x>b <a id="q" class="x"><b></b></a>
a#q.x.y.z>b <a id="q" class="x y z"><b></b></a>
a#q.x.y.z>b#p.l.m.n <a id="q" class="x y z"><b id="p" class="l m n"></b></a>
#q>.x \n<div id="q">\n<div class="x">\n</div>\n</div>
a>b+c <a><b></b><c></c></a>
a>b+c>d <a><b></b><c><d></d></c></a>
## Multiplication
a*1 <a></a>
a*2 <a></a><a></a>
a/*2 <a/><a/>
a*2+b*2 <a></a><a></a><b></b><b></b>
a*2>b*2 <a><b></b><b></b></a><a><b></b><b></b></a>
a>b*2 <a><b></b><b></b></a>
a#q.x>b#q.x*2 <a id="q" class="x"><b id="q" class="x"></b><b id="q" class="x"></b></a>
a#q.x>b/#q.x*2 <a id="q" class="x"><b id="q" class="x"/><b id="q" class="x"/></a>
## Properties
a x <a x=""></a>
a x= <a x=""></a>
a x="" <a x=""></a>
a x=y <a x="y"></a>
a x="y" <a x="y"></a>
a x="()" <a x="()"></a>
a x m <a x="" m=""></a>
a x= m="" <a x="" m=""></a>
a x=y m=l <a x="y" m="l"></a>
a/ x=y m=l <a x="y" m="l"/>
a#foo x=y m=l <a id="foo" x="y" m="l"></a>
a.foo x=y m=l <a class="foo" x="y" m="l"></a>
a#foo.bar.mu x=y m=l <a id="foo" class="bar mu" x="y" m="l"></a>
a/#foo.bar.mu x=y m=l <a id="foo" class="bar mu" x="y" m="l"/>
a x=y+b <a x="y"></a><b></b>
a x=y+b x=y <a x="y"></a><b x="y"></b>
a x=y>b <a x="y"><b></b></a>
a x=y>b x=y <a x="y"><b x="y"></b></a>
a x=y>b x=y+c x=y <a x="y"><b x="y"></b><c x="y"></c></a>
## Parentheses
(a) <a></a>
(a)+(b) <a></a><b></b>
a>(b) <a><b></b></a>
(a>b)>c <a><b></b></a>
(a>b)+c <a><b></b></a><c></c>
z+(a>b)+c+k <z></z><a><b></b></a><c></c><k></k>
(a)*2 <a></a><a></a>
((a)*2) <a></a><a></a>
((a)*2) <a></a><a></a>
(a>b)*2 <a><b></b></a><a><b></b></a>
(a+b)*2 <a></a><b></b><a></a><b></b>
|
