When You Need a Really Good React Rich Text Editor
Tags: react, editor, component, wysiwyg
Published: 2022-02-17 13:58:56

Do you need to implement a **React Rich Text Editor** into your application? If you wonder where to start and how long it would take, you’re right where you need to be.

In the video below, you will see how you can quickly address all your Editor-related questions with the feature-rich, accessible [React Editor](https://www.telerik.com/kendo-react-ui/editor/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video) that is part of the [KendoReact UI library](https://www.telerik.com/kendo-react-ui/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video). To give you an idea of some of the rich functionality you get out-of-the-box with this WYSIWYG Editor, here’s a short overview:

- A comprehensive set of [Editor tools](https://www.telerik.com/kendo-react-ui/components/editor/tools/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video) - including built-in [find and replace tools](https://www.telerik.com/kendo-react-ui/components/editor/find-replace/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video)
- [Plugin support](https://www.telerik.com/kendo-react-ui/components/editor/plugins/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video) (create custom tools and integrate them into the Editor)
- [Editor resizing](https://www.telerik.com/kendo-react-ui/components/editor/resizing/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video)
- [Sanitizing Pasted HTML](https://www.telerik.com/kendo-react-ui/components/editor/paste/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video)
- [Exporting to PDF](https://www.telerik.com/kendo-react-ui/components/pdfprocessing/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video)
- [Different rendering modes](https://www.telerik.com/kendo-react-ui/components/editor/rendering-mode/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video)
- [Globalization](https://www.telerik.com/kendo-react-ui/components/editor/globalization/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video)
- [Accessibility](https://www.telerik.com/kendo-react-ui/components/accessibility/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video)
- And more

In the video below, you will see a demo of two of the powerful customization features of the [KendoReact Editor](https://www.telerik.com/kendo-react-ui/components/editor/?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video):
- [Defining input rules](https://www.telerik.com/kendo-react-ui/components/editor/plugins/#toc-input-rules?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video) – this allows you to modify the user's input as they're creating it by matching their input with a set of rules you've created using regex.
- [Customizing Editor tools](https://www.telerik.com/kendo-react-ui/components/editor/tools/#toc-customizing-built-in-tools?utm_medium=referral&utm_source=dev.to&utm_campaign=kendo-ui-react-blog-exploration-editor-customization-video) & creating new ones - with this React WYSIWYG Editor, you can decide which tools appear in the toolbar above the panel, as well as make changes to our suite of pre-made tools. You can even create your own.

{% embed https://www.youtube.com/embed/k1dwOdPMTFM %}

**Companion blog**

If you like things in written form, this blog covers the topics discussed in the video: [Customizing the React Rich Text Editor: KendoReact Tutorial](https://www.telerik.com/blogs/customizing-react-rich-text-editor-kendoreact-tutorial)