mirror of
https://github.com/mattn/emmet-vim.git
synced 2025-12-08 03:24:45 +08:00
fixed doc.
This commit is contained in:
30
TUTORIAL
30
TUTORIAL
@@ -4,7 +4,7 @@ Tutorial of zencoding.vim
|
|||||||
|
|
||||||
1. Expand Abbreviation
|
1. Expand Abbreviation
|
||||||
|
|
||||||
Type abbreviation as 'div>p#foo$*3>a' and type '<c-z>,'.
|
Type abbreviation as 'div>p#foo$*3>a' and type '<c-y>,'.
|
||||||
---------------------
|
---------------------
|
||||||
<div>
|
<div>
|
||||||
<p id="foo1">
|
<p id="foo1">
|
||||||
@@ -27,7 +27,7 @@ Tutorial of zencoding.vim
|
|||||||
test2
|
test2
|
||||||
test3
|
test3
|
||||||
---------------------
|
---------------------
|
||||||
Then do visual select(line wize) and type '<c-z>,'.
|
Then do visual select(line wize) and type '<c-y>,'.
|
||||||
If you request 'Tag:', then type 'ul>li*'.
|
If you request 'Tag:', then type 'ul>li*'.
|
||||||
---------------------
|
---------------------
|
||||||
<ul>
|
<ul>
|
||||||
@@ -48,19 +48,19 @@ Tutorial of zencoding.vim
|
|||||||
|
|
||||||
3. Balance Tag Inward
|
3. Balance Tag Inward
|
||||||
|
|
||||||
type '<c-z>d' in insert mode.
|
type '<c-y>d' in insert mode.
|
||||||
|
|
||||||
4. Balance Tag Outward
|
4. Balance Tag Outward
|
||||||
|
|
||||||
type '<c-z>D' in insert mode.
|
type '<c-y>D' in insert mode.
|
||||||
|
|
||||||
5. Go to Next Edit Point
|
5. Go to Next Edit Point
|
||||||
|
|
||||||
type '<c-z>n' in insert mode.
|
type '<c-y>n' in insert mode.
|
||||||
|
|
||||||
6. Go to Previous Edit Point
|
6. Go to Previous Edit Point
|
||||||
|
|
||||||
type '<c-z>N' in insert mode.
|
type '<c-y>N' in insert mode.
|
||||||
|
|
||||||
7. Update <img> Size
|
7. Update <img> Size
|
||||||
|
|
||||||
@@ -68,7 +68,7 @@ Tutorial of zencoding.vim
|
|||||||
---------------------
|
---------------------
|
||||||
<img src="foo.png" />
|
<img src="foo.png" />
|
||||||
---------------------
|
---------------------
|
||||||
Type '<c-z>i' on img tag
|
Type '<c-y>i' on img tag
|
||||||
---------------------
|
---------------------
|
||||||
<img src="foo.png" width="32" height="48" />
|
<img src="foo.png" width="32" height="48" />
|
||||||
---------------------
|
---------------------
|
||||||
@@ -98,14 +98,14 @@ Tutorial of zencoding.vim
|
|||||||
<a>cursor is here</a>
|
<a>cursor is here</a>
|
||||||
</div>
|
</div>
|
||||||
---------------------
|
---------------------
|
||||||
Type '<c-z>k' in insert mode.
|
Type '<c-y>k' in insert mode.
|
||||||
---------------------
|
---------------------
|
||||||
<div class="foo">
|
<div class="foo">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
---------------------
|
---------------------
|
||||||
|
|
||||||
And type '<c-z>j' in there again.
|
And type '<c-y>j' in there again.
|
||||||
---------------------
|
---------------------
|
||||||
|
|
||||||
---------------------
|
---------------------
|
||||||
@@ -118,12 +118,12 @@ Tutorial of zencoding.vim
|
|||||||
cursor is here
|
cursor is here
|
||||||
</div>
|
</div>
|
||||||
---------------------
|
---------------------
|
||||||
Type '<c-z>j' in insert mode.
|
Type '<c-y>j' in insert mode.
|
||||||
---------------------
|
---------------------
|
||||||
<div class="foo"/>
|
<div class="foo"/>
|
||||||
---------------------
|
---------------------
|
||||||
|
|
||||||
And type '<c-z>j' in there again.
|
And type '<c-y>j' in there again.
|
||||||
---------------------
|
---------------------
|
||||||
<div class="foo">
|
<div class="foo">
|
||||||
</div>
|
</div>
|
||||||
@@ -137,13 +137,13 @@ Tutorial of zencoding.vim
|
|||||||
hello world
|
hello world
|
||||||
</div>
|
</div>
|
||||||
---------------------
|
---------------------
|
||||||
Type '<c-z>/' in insert mode.
|
Type '<c-y>/' in insert mode.
|
||||||
---------------------
|
---------------------
|
||||||
<!-- <div>
|
<!-- <div>
|
||||||
hello world
|
hello world
|
||||||
</div> -->
|
</div> -->
|
||||||
---------------------
|
---------------------
|
||||||
Type '<c-z>/' in there again.
|
Type '<c-y>/' in there again.
|
||||||
---------------------
|
---------------------
|
||||||
<div>
|
<div>
|
||||||
hello world
|
hello world
|
||||||
@@ -156,7 +156,7 @@ Tutorial of zencoding.vim
|
|||||||
---------------------
|
---------------------
|
||||||
http://www.google.com/
|
http://www.google.com/
|
||||||
---------------------
|
---------------------
|
||||||
Type '<c-z>a'
|
Type '<c-y>a'
|
||||||
---------------------
|
---------------------
|
||||||
<qa href="http://www.google.com/">Google</a>
|
<qa href="http://www.google.com/">Google</a>
|
||||||
---------------------
|
---------------------
|
||||||
@@ -167,7 +167,7 @@ Tutorial of zencoding.vim
|
|||||||
---------------------
|
---------------------
|
||||||
http://github.com/
|
http://github.com/
|
||||||
---------------------
|
---------------------
|
||||||
Type '<c-z>A'
|
Type '<c-y>A'
|
||||||
---------------------
|
---------------------
|
||||||
<blockquote class="quote">
|
<blockquote class="quote">
|
||||||
<a href="http://github.com/">Secure source code hosting and collaborative development - GitHub</a><br />
|
<a href="http://github.com/">Secure source code hosting and collaborative development - GitHub</a><br />
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
" +-------------------------------------
|
" +-------------------------------------
|
||||||
" | html:5_
|
" | html:5_
|
||||||
" +-------------------------------------
|
" +-------------------------------------
|
||||||
" "_" is a cursor position. and type "<c-y>," (Ctrl+z and Comma)
|
" "_" is a cursor position. and type "<c-y>," (Ctrl+y and Comma)
|
||||||
" NOTE: Don't worry about key map. you can change it easily.
|
" NOTE: Don't worry about key map. you can change it easily.
|
||||||
" +-------------------------------------
|
" +-------------------------------------
|
||||||
" | <!DOCTYPE HTML>
|
" | <!DOCTYPE HTML>
|
||||||
|
|||||||
Reference in New Issue
Block a user