Skip to content

Commit a3324c4

Browse files
committed
moved emmet lower as it is advanced.
1 parent d9b7cee commit a3324c4

File tree

1 file changed

+24
-24
lines changed

1 file changed

+24
-24
lines changed

docs/03-editing-text.md

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -9,30 +9,6 @@ This section provides an overview of the core text and code editing features in
99

1010
---
1111

12-
## Emmet
13-
**Coming Soon...**
14-
15-
### Emmet in Markup Languages
16-
In **HTML**, **PHP** or HTML-like files such as **JSP**, when you type a valid Emmet abbreviation (for example: `ul>li`, `p`, or `!`), **Phoenix Code** displays a code hint with the abbreviation text and an Emmet icon. This icon indicates that the suggestion comes from Emmet. When you select the Emmet hint, the abbreviation is expanded into its full code snippet.
17-
<VideoPlayer
18-
src="https://docs-images.phcode.dev/videos/editing-text/emmet-html.mp4"
19-
/>
20-
21-
### Emmet in Stylesheet Languages
22-
Emmet also works in stylesheets (CSS, SCSS, Less). When you type an Emmet-expandable property, a list of default code hints appears with the Emmet suggestion at the top.
23-
<VideoPlayer
24-
src="https://docs-images.phcode.dev/videos/editing-text/emmet-css.mp4"
25-
/>
26-
27-
### Enabling/Disabling Emmet
28-
To enable or disable the **Emmet** feature, go to `Edit` > `Emmet`.
29-
30-
![Toggle Emmet feature](./images/editingText/toggle-emmet.png "Toggle Emmet")
31-
32-
Alternatively, you can also toggle the **Emmet** feature by updating the `emmet` property in the preferences file. [Click Here](#editing-preferences) to read on how to edit the preferences.
33-
34-
---
35-
3612
## Multi Cursor
3713
Using **Multi-Cursor**, you can place multiple cursors in different locations, allowing you to edit text simultaneously. This feature is especially useful for making quick, consistent changes across multiple lines or sections of a file.
3814

@@ -110,6 +86,30 @@ Move your cursor out of the tag and then back into the tag.
11086

11187
---
11288

89+
## Emmet
90+
**Coming Soon...**
91+
92+
### Emmet in Markup Languages
93+
In **HTML**, **PHP** or HTML-like files such as **JSP**, when you type a valid Emmet abbreviation (for example: `ul>li`, `p`, or `!`), **Phoenix Code** displays a code hint with the abbreviation text and an Emmet icon. This icon indicates that the suggestion comes from Emmet. When you select the Emmet hint, the abbreviation is expanded into its full code snippet.
94+
<VideoPlayer
95+
src="https://docs-images.phcode.dev/videos/editing-text/emmet-html.mp4"
96+
/>
97+
98+
### Emmet in Stylesheet Languages
99+
Emmet also works in stylesheets (CSS, SCSS, Less). When you type an Emmet-expandable property, a list of default code hints appears with the Emmet suggestion at the top.
100+
<VideoPlayer
101+
src="https://docs-images.phcode.dev/videos/editing-text/emmet-css.mp4"
102+
/>
103+
104+
### Enabling/Disabling Emmet
105+
To enable or disable the **Emmet** feature, go to `Edit` > `Emmet`.
106+
107+
![Toggle Emmet feature](./images/editingText/toggle-emmet.png "Toggle Emmet")
108+
109+
Alternatively, you can also toggle the **Emmet** feature by updating the `emmet` property in the preferences file. [Click Here](#editing-preferences) to read on how to edit the preferences.
110+
111+
---
112+
113113
## Zoom and Font Size Adjustments
114114
The **Zoom UI and Fonts** options allow you to adjust the overall interface scale and font size.
115115

0 commit comments

Comments
 (0)