Interactive editor
Explore Bullets and Numbered Lists
Create and format professional bullet and numbered lists.
Use the bullets and numbering controls in the editor's Home ribbon.
Ready to tryUse the controls above to interact with this demo.
What this demonstrates
Bullets and Numbered Lists
Create and format professional bullet and numbered lists.
Component used
TXTextControl.Web.MVC.TextControl
How it works
This sample is ribbon-driven. Use the editor's native bullets and numbering controls to create Word-compatible lists, change numbering formats, and adjust list levels.
Key code
This is the Razor helper chain that adds TX Text Control to the page.
<div class="tx-editor-host">
@Html.TXTextControl()
.TextControl(settings => {
settings.Dock = DockStyle.Fill;
})
.LoadText(documentPath, StreamType.InternalUnicodeFormat)
.Render()
</div>
Source files
See the implementation
The view and controller are encapsulated in Demos/RichTextEditor/Editing/Numbering. This ribbon-driven demo requires no custom JavaScript.