Skip to content

Commit d42ad69

Browse files
committed
985007: UG documentation for Checklist feature in the Rich Text Editor - Blazor
1 parent 0e9f998 commit d42ad69

File tree

1 file changed

+9
-10
lines changed

1 file changed

+9
-10
lines changed

blazor/rich-text-editor/tools/styling-tools.md

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -461,20 +461,19 @@ This feature allows users to change the appearance of the numbered and bulleted
461461

462462
### Checklist
463463

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.
465465

466466
#### 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.
472472

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.
475475

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:
478477

479478
{% tabs %}
480479
{% highlight razor %}

0 commit comments

Comments
 (0)