Try Our Live Demo
Text formatting and layout controls in Rich Text Editor
Create well-structured content in the React Rich Text Editor with text formatting, headings, lists, alignment controls, block quotes, and code formatting. Improve readability, accessibility, and semantic HTML output.
Text styling, fonts, and colors
Apply bold, italic, underline, strikethrough, font colors, and highlights to selected content. Formatting controls are suitable when specific terms, values, or sections require visual emphasis during authoring.
Heading and paragraph styles
Apply paragraph formatting and configurable heading formats from H1 through H6 to structure editor content. Text hierarchy settings are suitable when technical guides, reports, and long-form documents require defined section levels.
List formatting and nesting
List formatting supports ordered, unordered, checklist, and customizable list styles, with nested levels for hierarchical content. List structures are suitable for procedures, task lists, and content that requires multiple levels of organization.
Text alignment and spacing
Control text alignment, indentation, and line spacing for selected content. Paragraph layout settings are suitable when reports, formal documents, and long-form content require specific spacing and alignment.
Quotes and code formatting
Format quotations, inline code, and code blocks within editor content. Specialized text formats are suitable when documents include quoted material, commands, keyboard shortcuts, or configuration values.
See Why Developers Love Syncfusion
Our Customers Love Us
Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time. Here are some of their experiences.
Frequently Asked Questions
What rich text formatting options does the Syncfusion React Rich Text Editor support?
The React Rich Text Editor supports inline formatting such as bold, italic, underline, strikethrough, font colors, and highlights. Additional formatting options include heading styles, bulleted and numbered lists, checklists, paragraph alignment, line spacing, block quotes, inline code, and code block formatting.
Are heading levels H1–H6 supported in the Syncfusion React Rich Text Editor?
Yes. The React Rich Text Editor supports configurable heading formats from H1 through H6, along with paragraph formatting, through the Formats toolbar option.
How can colors and font choices be customized in the Syncfusion React Rich Text Editor?
The React Rich Text Editor includes a built-in color picker that supports custom palettes. Font choices can be customized and applied per selection. Default font and background color palettes can be configured during editor initialization.
Can multiple formatting styles be applied simultaneously in the Syncfusion React Rich Text Editor?
Yes. In the React Rich Text Editor, you can select text and apply multiple styles like bold, italic, color, and alignment together without losing existing formatting. Inline and block-level styles can be combined on the same selection.
Does formatting work in both HTML and Markdown modes in the Syncfusion React Rich Text Editor?
Yes. Core formatting options such as bold, italic, and heading levels are available in both HTML and Markdown editing modes in the React Rich Text Editor.
Does the Syncfusion React Rich Text Editor support custom list styles?
Yes. The React Rich Text Editor supports custom list styles for organizing structured content. Custom list styles help authors create clear content hierarchies in nested and multi-step lists.
Resources
Learn more about our React Rich Text Editor
Explore demos, KB articles, and documentation to get the most out of the React Rich Text Editor.
Explore guides, APIs, and quick-start tips
See live use cases in action
Ask, share, and connect with peers
Find solutions and best practices fast
Get expert help when needed
Feature requests and bug reports
Track issues and suggest improvements
Awards
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.
