VimPlug/emmet-vim
1
0
Fork 1
mirror of https://github.com/mattn/emmet-vim.git synced 2025-12-06 10:44:24 +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|
Tutorial |emmet-tutorial|
1. Expand abbreviation |emmet-expand-abbr| |<C-y>,|
2. Wrap with abbreviation |emmet-wrap-with-abbreviation| |v_<C-y>,|
3. Balance tag inward |emmet-balance-tag-inward| |<C-y>d|
4. Balance tag outward |emmet-balance-tag-outward| |<C-y>D|
5. Go to next edit point |emmet-goto-next-point| |<C-y>n|
6. Go to previous edit point |emmet-goto-previous-point| |<C-y>N|
7. Add and update <img> size |emmet-update-image-size| |<C-y>i|
8. Merge lines |emmet-merge-lines| |<C-y>m|
9. Remove tag |emmet-remove-tag| |<C-y>k|
10. Split/join tag |emmet-split-join-tag| |<C-y>j|
11. Toggle comment |emmet-toggle-comment| |<C-y>/|
12. Make anchor from URL |emmet-make-anchor-url| |<C-y>a|
13. Make quoted text from URL |emmet-quoted-text-url| |<C-y>A|
14. Code pretty |emmet-code-pretty| |<C-y>c|
15. Lorem ipsum |emmet-lorem-ipsum|
2. Expand word |emmet-expand-word| |<C-y>;|
3. Update tag |emmet-update-tag| |<C-y>u|
4. Wrap with abbreviation |emmet-wrap-with-abbreviation| |v_<C-y>,|
5. Balance tag inward |emmet-balance-tag-inward| |<C-y>d|
6. Balance tag outward |emmet-balance-tag-outward| |<C-y>D|
7. Go to next edit point |emmet-goto-next-point| |<C-y>n|
8. Go to previous edit point |emmet-goto-previous-point| |<C-y>N|
9. Add and update <img> size |emmet-update-image-size| |<C-y>i|
10. Merge lines |emmet-merge-lines| |<C-y>m|
11. Remove tag |emmet-remove-tag| |<C-y>k|
12. Split/join tag |emmet-split-join-tag| |<C-y>j|
13. Toggle comment |emmet-toggle-comment| |<C-y>/|
14. Make anchor from URL |emmet-make-anchor-url| |<C-y>a|
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|
1. Elements |emmet-html-syntax-elements|
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
><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.
>
@@ -193,7 +209,7 @@ You should copy this section and create new buffer, paste and write as
<
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.
>
@@ -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 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.
>
@@ -220,7 +236,7 @@ You should copy this section and create new buffer, paste and write as
to previous letter of '</ul>'.
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.
>
@@ -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
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.
>
@@ -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
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,
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)
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|.
>
@@ -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>
</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'.
>
@@ -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.
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'.
>
@@ -312,7 +328,7 @@ You should copy this section and create new buffer, paste and write as
<div class="foo">
</div>
<
12. Toggle comment *emmet-toggle-comment* *<C-y>/*
13. Toggle comment *emmet-toggle-comment* *<C-y>/*
Move cursor to block
>
@@ -332,7 +348,7 @@ You should copy this section and create new buffer, paste and write as
hello world
</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
>
@@ -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|.
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
>
@@ -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|.
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()'.
>
@@ -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|.
16. Lorem ipsum *emmet-lorem-ipsum*
17. Lorem ipsum *emmet-lorem-ipsum*
To insert dummy text (30 words by default).
>