HTML mirror cursor for microsoft/vscode#47069

microsoft · Dec 6, 2019 · 2d1f0de · 2d1f0de
1 parent ab404d7
commit 2d1f0de
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/release-notes/images/1_41/html-mirror-cursor.gif b/release-notes/images/1_41/html-mirror-cursor.gif
diff --git a/release-notes/v1_41.md b/release-notes/v1_41.md
@@ -226,6 +226,16 @@ Theme: Sapphire, Font: Hack
 
 ## Languages
 
+### HTML mirror cursor
+
+VS Code now adds a "mirror cursor" when you are editing HTML tags. This behavior is controlled by the setting `html.mirrorCursorOnMatchingTag`.
+
+This feature works by adding a [multi-cursor](https://code.visualstudio.com/docs/editor/codebasics#_multiple-selections-multicursor) to the matching tag when your cursor moves into a HTML tag name range. Just like in multi-cursor mode, you can use word-wise deletion or word-wise selection. The mirrored cursor is removed when you move your cursor outside the tag name range.
+
+One special case is entering space when the cursor is at the end of the opening tag: `<div|></div|>`. In this case, VS Code removes the inserted space after the closing tag name and exits mirror cursor mode, so you can continue to edit HTML attributes.
+
+![HTML mirror cursor](images/1_41/html-mirror-cursor.gif)
+
 ### Ranking of auto-completed CSS properties
 
 CSS auto-completion now ranks properties by their popularity: