VimPlug/emmet-vim
1
0
Fork 1
mirror of https://github.com/mattn/emmet-vim.git synced 2025-12-06 18:54:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

add doc for emmet-update-tag

Browse Source 
Close #285
This commit is contained in:
Yasuhiro Matsumoto
2015-11-10 10:34:50 +09:00
parent f752a4250c
commit 451367a2ce
1 changed files with 44 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
doc/emmet.txt
View File

@@ -17,20 +17,22 @@ Introduction |emmet-introduction|
Install |emmet-install| Install |emmet-install|
Tutorial |emmet-tutorial| Tutorial |emmet-tutorial|
1. Expand abbreviation |emmet-expand-abbr| |<C-y>,| 1. Expand abbreviation |emmet-expand-abbr| |<C-y>,|
2. Wrap with abbreviation |emmet-wrap-with-abbreviation| |v_<C-y>,| 2. Expand word |emmet-expand-word| |<C-y>;|
3. Balance tag inward |emmet-balance-tag-inward| |<C-y>d| 3. Update tag |emmet-update-tag| |<C-y>u|
4. Balance tag outward |emmet-balance-tag-outward| |<C-y>D| 4. Wrap with abbreviation |emmet-wrap-with-abbreviation| |v_<C-y>,|
5. Go to next edit point |emmet-goto-next-point| |<C-y>n| 5. Balance tag inward |emmet-balance-tag-inward| |<C-y>d|
6. Go to previous edit point |emmet-goto-previous-point| |<C-y>N| 6. Balance tag outward |emmet-balance-tag-outward| |<C-y>D|
7. Add and update <img> size |emmet-update-image-size| |<C-y>i| 7. Go to next edit point |emmet-goto-next-point| |<C-y>n|
8. Merge lines |emmet-merge-lines| |<C-y>m| 8. Go to previous edit point |emmet-goto-previous-point| |<C-y>N|
9. Remove tag |emmet-remove-tag| |<C-y>k| 9. Add and update <img> size |emmet-update-image-size| |<C-y>i|
10. Split/join tag |emmet-split-join-tag| |<C-y>j| 10. Merge lines |emmet-merge-lines| |<C-y>m|
11. Toggle comment |emmet-toggle-comment| |<C-y>/| 11. Remove tag |emmet-remove-tag| |<C-y>k|
12. Make anchor from URL |emmet-make-anchor-url| |<C-y>a| 12. Split/join tag |emmet-split-join-tag| |<C-y>j|
13. Make quoted text from URL |emmet-quoted-text-url| |<C-y>A| 13. Toggle comment |emmet-toggle-comment| |<C-y>/|
14. Code pretty |emmet-code-pretty| |<C-y>c| 14. Make anchor from URL |emmet-make-anchor-url| |<C-y>a|
15. Lorem ipsum |emmet-lorem-ipsum| 15. Make quoted text from URL |emmet-quoted-text-url| |<C-y>A|
16. Code pretty |emmet-code-pretty| |<C-y>c|
17. Lorem ipsum |emmet-lorem-ipsum|
HTML expression syntax |emmet-html-expression-syntax| HTML expression syntax |emmet-html-expression-syntax|
1. Elements |emmet-html-syntax-elements| 1. Elements |emmet-html-syntax-elements|
2. Nesting operators |emmet-html-syntax-nesting-operators| 2. Nesting operators |emmet-html-syntax-nesting-operators|
@@ -158,7 +160,21 @@ You should copy this section and create new buffer, paste and write as
<html <html
><foo></foo> ><foo></foo>
3. Wrap with abbreviation *emmet-wrap-with-abbreviation* *v_<C-y>,* 3. Update tag *emmet-update-tag* *<C-y>u*
The begining of tags '<div>' on below
>
<div>foo</div>
<
Type '<C-y>u' request 'Enter Abbreviation:'. Then type
>
.global
<
This will be expanded like:
>
<div class=".global">foo</div>
<
4. Wrap with abbreviation *emmet-wrap-with-abbreviation* *v_<C-y>,*
Write as below. Write as below.
> >
@@ -193,7 +209,7 @@ You should copy this section and create new buffer, paste and write as
< <
See also: |emmet-filter-t|, |emmet-$#| See also: |emmet-filter-t|, |emmet-$#|
4. Balance tag inward *emmet-balance-tag-inward* *<C-y>d* 5. Balance tag inward *emmet-balance-tag-inward* *<C-y>d*
To select inward of '<ul>' tag, type '<C-y>d' in insert mode. To select inward of '<ul>' tag, type '<C-y>d' in insert mode.
> >
@@ -206,7 +222,7 @@ You should copy this section and create new buffer, paste and write as
If cursor is at '*', '<C-y>d' select from begin of '<ul>' to end of '</ul>'. If cursor is at '*', '<C-y>d' select from begin of '<ul>' to end of '</ul>'.
If cursor is at first of '<li>', it select '<li class="list1"></li>'. If cursor is at first of '<li>', it select '<li class="list1"></li>'.
5. Balance tag outward *emmet-balance-tag-outward* *<C-y>D* 6. Balance tag outward *emmet-balance-tag-outward* *<C-y>D*
To select outward of '<ul>' tag type '<C-y>D' in insert mode. To select outward of '<ul>' tag type '<C-y>D' in insert mode.
> >
@@ -220,7 +236,7 @@ You should copy this section and create new buffer, paste and write as
to previous letter of '</ul>'. to previous letter of '</ul>'.
If cursor is at first of '<li>', it select '<li class="list1"></li>'. If cursor is at first of '<li>', it select '<li class="list1"></li>'.
6. Go to next edit point *emmet-goto-next-point* *<C-y>n* 7. Go to next edit point *emmet-goto-next-point* *<C-y>n*
To jump next point that need to edit, type '<C-y>n' in insert mode. To jump next point that need to edit, type '<C-y>n' in insert mode.
> >
@@ -232,7 +248,7 @@ You should copy this section and create new buffer, paste and write as
And type again '<C-y>n' to move a cursor And type again '<C-y>n' to move a cursor
into inner of '<div>' specified id as 'bar'. into inner of '<div>' specified id as 'bar'.
7. Go to previous edit point *emmet-goto-previous-point* *<C-y>N* 8. Go to previous edit point *emmet-goto-previous-point* *<C-y>N*
To jump previous point that need to edit, type '<C-y>N' in insert mode. To jump previous point that need to edit, type '<C-y>N' in insert mode.
> >
@@ -244,7 +260,7 @@ You should copy this section and create new buffer, paste and write as
And type again '<C-y>N' to move a cursor And type again '<C-y>N' to move a cursor
into attribute value of 'foo'. into attribute value of 'foo'.
8. Add and update <img> size *emmet-update-image-size* *<C-y>i* 9. Add and update <img> size *emmet-update-image-size* *<C-y>i*
To add or update 'width' and 'height' attributes of image, To add or update 'width' and 'height' attributes of image,
type '<C-y>i' on '<img>' tag type '<C-y>i' on '<img>' tag
@@ -262,7 +278,7 @@ You should copy this section and create new buffer, paste and write as
Image size retrieved using 'identify' (ImageMagick.org) (if available) Image size retrieved using 'identify' (ImageMagick.org) (if available)
or |xxd|. or |xxd|.
9. Merge lines *emmet-merge-lines* *<C-y>m* 10. Merge lines *emmet-merge-lines* *<C-y>m*
To join multi line text like following, type |J|. To join multi line text like following, type |J|.
> >
@@ -279,7 +295,7 @@ You should copy this section and create new buffer, paste and write as
<li class="list1"></li><li class="list2"></li><li class="list3"></li> <li class="list1"></li><li class="list2"></li><li class="list3"></li>
</ul> </ul>
< <
10. Remove tag *emmet-remove-tag* *<C-y>k* 11. Remove tag *emmet-remove-tag* *<C-y>k*
To remove tag in the block, type '<C-y>k'. To remove tag in the block, type '<C-y>k'.
> >
@@ -295,7 +311,7 @@ You should copy this section and create new buffer, paste and write as
< <
And type '<C-y>k' in there again, then '<div>' will be removed. And type '<C-y>k' in there again, then '<div>' will be removed.
11. Split/join tag *emmet-split-join-tag* *<C-y>j* 12. Split/join tag *emmet-split-join-tag* *<C-y>j*
To join block, type '<C-y>j'. To join block, type '<C-y>j'.
> >
@@ -312,7 +328,7 @@ You should copy this section and create new buffer, paste and write as
<div class="foo"> <div class="foo">
</div> </div>
< <
12. Toggle comment *emmet-toggle-comment* *<C-y>/* 13. Toggle comment *emmet-toggle-comment* *<C-y>/*
Move cursor to block Move cursor to block
> >
@@ -332,7 +348,7 @@ You should copy this section and create new buffer, paste and write as
hello world hello world
</div> </div>
< <
13. Make anchor from URL *emmet-make-anchor-url* *<C-y>a* 14. Make anchor from URL *emmet-make-anchor-url* *<C-y>a*
Move cursor to URL Move cursor to URL
> >
@@ -344,7 +360,7 @@ You should copy this section and create new buffer, paste and write as
< <
Text retrieved using command, specified by |g:emmet_curl_command|. Text retrieved using command, specified by |g:emmet_curl_command|.
14. Make quoted text from URL *emmet-quoted-text-url* *<C-y>A* 15. Make quoted text from URL *emmet-quoted-text-url* *<C-y>A*
Move cursor to URL Move cursor to URL
> >
@@ -360,7 +376,7 @@ You should copy this section and create new buffer, paste and write as
< <
Text retrieved using command, specified by |g:emmet_curl_command|. Text retrieved using command, specified by |g:emmet_curl_command|.
15. Code pretty *emmet-code-pretty* *<C-y>c* 16. Code pretty *emmet-code-pretty* *<C-y>c*
Select code block, for example select following code from 'int main()'. Select code block, for example select following code from 'int main()'.
> >
@@ -378,7 +394,7 @@ You should copy this section and create new buffer, paste and write as
< <
To convert text into html used command |:TOhtml|. To convert text into html used command |:TOhtml|.
16. Lorem ipsum *emmet-lorem-ipsum* 17. Lorem ipsum *emmet-lorem-ipsum*
To insert dummy text (30 words by default). To insert dummy text (30 words by default).
> >