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: blazor/rich-text-editor/tools/styling-tools.md
+9-10Lines changed: 9 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -461,20 +461,19 @@ This feature allows users to change the appearance of the numbered and bulleted
461
461
462
462
### Checklist
463
463
464
-
The `Checklist` feature lets you create interactive task lists with clickable checkboxes. You can configure checkbox behavior, customize the visual appearance, manage item states, and enable keyboard interactions. This makes it perfect for project management, note-taking, and task tracking within your content. You can easily toggle between checked and unchecked states, giving you an intuitive way to manage the completion status of your list items—making it a simple and effective TODO list solution.
464
+
The `Checklist` feature lets you create interactive task lists with clickable checkboxes. You can configure checkbox behavior, customize the visual appearance, manage item states, and enable keyboard interactions. This makes it perfect for project management, note-taking, and task tracking within your content. You can easily toggle between checked and unchecked states, giving you an intuitive way to manage the completion status of your list items—making it a simple and effective to-do list solution.
465
465
466
466
#### Inserting a checklist
467
-
You can embed interactive task lists directly within the Rich Text Editor. Here’s how you can insert a Checklist:
468
-
-**Using the Toolbar**: Click the Checklist button in the editor toolbar, usually represented by a checkbox icon.
469
-
-**Using the Shortcut**: Press `Ctrl+Shift+9` (or `Cmd+Shift+9` on macOS) to insert a Checklist at your cursor’s position.
470
-
-**Converting Existing Lists**: Select an existing bullet or numbered list and click the Checklist button to convert it into an interactive checklist.
471
-
-**Toggling Checklist Items**: You can toggle the state of checklist items between checked and unchecked by clicking the checkbox. If you prefer using the keyboard, press `Ctrl+Enter` (or `Cmd+Enter` on macOS) to toggle the check marks based on your selection or cursor position in the editor.
467
+
You can embed interactive task lists directly within the Rich Text Editor. Here’s how you can insert a checklist:
468
+
-**Using the toolbar**: Click the checklist button in the editor toolbar, usually represented by a checkbox icon.
469
+
-**Using the shortcut**: Press `Ctrl+Shift+9` (or `Cmd+Shift+9` on macOS) to insert a checklist at your cursor’s position.
470
+
-**Converting existing lists**: Select an existing bullet or numbered list and click the checklist button to convert it into an interactive checklist.
471
+
-**Toggling checklist items**: You can toggle the state of checklist items between checked and unchecked by clicking the checkbox. If you prefer using the keyboard, press `Ctrl+Enter` (or `Cmd+Enter` on macOS) to toggle the check marks based on your selection or cursor position in the editor.
472
472
473
-
#### Configuring Checklist
474
-
To enable the Checklist feature in your editor, add the `Checklist` toolbar item to the [RichTextEditorToolbarSettings.Items](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorToolbarSettings.Items) property. This feature supports customizable behavior and can be easily integrated into your Rich Text Editor toolbar for quick access.
473
+
#### Configuring checklist
474
+
To enable the checklist feature in your editor, add the `Checklist` toolbar item to the [RichTextEditorToolbarSettings.Items](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.RichTextEditor.RichTextEditorToolbarSettings.Items) property. This feature supports customizable behavior and can be easily integrated into your Rich Text Editor toolbar for quick access.
475
475
476
-
Here’s an example of how you can configure the Checklist in your Rich Text Editor:
477
-
Below is an example of how to configure the Checklist in the Rich Text Editor:
476
+
Here’s an example of how you can configure the checklist in your Rich Text Editor:
0 commit comments