You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/07-Pro Features/04-markdown-editor.md
+15-5Lines changed: 15 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,19 +6,29 @@ title: Markdown Editor
6
6
[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature.
7
7
:::
8
8
9
-
The **Markdown Editor** brings a full rich text editing experience to Markdown files, right inside the Live Preview. Format text, build tables, drop in images, add links, use slash commands - and watch every change sync back to your source code instantly.
9
+
Phoenix Code supports a full rich text editing experience for Markdown files, right inside the Live Preview. Format text, build tables, drop in images, add links, use slash commands, and watch every change sync back to your source code instantly.
10
10
11
11
<!-- Add an image here showing the Markdown Editor in edit mode with the toolbar visible -->
12
12
13
13
## Enabling Edit Mode
14
14
15
-
To start editing, click the **Edit** button in the preview toolbar. The toolbar expands to show formatting options, and you can start making changes right away.
15
+
To start editing, click the **Edit** button on the right side of the markdown toolbar. The toolbar expands to show formatting options, and you can start making changes right away.
16
16
17
-
To go back to the read-only view, click **Reader**(or **Done**) in the toolbar.
17
+
To go back to the read-only view, click **Reader** in the same place.
18
18
19
19
<!-- Add an image here showing the Edit button in the toolbar -->
20
20
21
-
> Pro users start in Edit Mode by default when opening Markdown files.
21
+
> By default, markdown files open in Edit mode for **Phoenix Code Pro** users.
22
+
23
+
## Cursor Sync
24
+
25
+
Click anywhere in the preview to jump the editor cursor to the matching line. The line briefly highlights so you can see where you landed. Cursor sync works in the other direction too. Clicking a line in the editor scrolls the preview to that line.
26
+
27
+
Scrolling in either view does the same: the other view follows along to keep you in sync.
28
+
29
+
Use the **cursor sync** button in the toolbar to toggle this behavior on or off.
30
+
31
+
<!-- Add an image here showing the cursor sync button in the toolbar -->
22
32
23
33
## Text Formatting
24
34
@@ -54,7 +64,7 @@ Type `/` at the start of an empty line to open the **Slash Menu**. This gives yo
54
64
55
65
Start typing to filter the list. Use the arrow keys to navigate and press `Enter` to insert.
56
66
57
-
> The Slash Menu learns from your usage and shows your most-used items first.
67
+
> The Slash Menu shows your most-used items first.
0 commit comments