Translate
Using the example that we published to GitHub, we'll go through the steps of customizing the rich text area
Extend Rich Text Editor
| Operation | Example |
|---|---|
| Customization of the RTF field using custom plugin | rtf-plugin-color-text-addon |
| Customization of the RTF field using built-in plugin | rtf-plugin-wordcount-addon |
| Remove wrapping paragraph for single-line text in RTF content | rtf-remove-single-line-wrapping-paragraph-addon |
TinyMCE is a rich-text editor that allows users to create formatted content within a user-friendly interface. please refer to the documentation for more details https://www.tiny.cloud/docs/tinymce/6/
TinyMCE is an incredibly powerful, flexible and customizable rich text editor. This section will help configure and extend the editor by using TinyMCE plugins.
Extension Name :Customization of the RTF field using custom plugin - Color Text
Extension Source Path : https://github.com/RWS/tridion-sites-extensions-examples/tree/main/sites-10-ux-update/content-editor/rtf-plugin-color-text-addon/rtf-plugin-color-text
Commands
- "npm i" this installs the project
- "npm run build" this builds the solution
- "npm run pack" this creates the package
If you wan to run the extensions from you local , please run "npm run dev"
Editor can select the color option to highlight the text , example : Blue or Pink
Extension Name :Customization of the RTF field using custom plugin - Word Count
Extension Source Path : https://github.com/RWS/tridion-sites-extensions-examples/tree/main/sites-10-ux-update/content-editor/rtf-plugin-wordcount-addon/rtf-plugin-wordcount
Commands
- "npm i" this installs the project
- "npm run build" this builds the solution
- "npm run pack" this creates the package
If you wan to run the extensions from you local , please run "npm run dev"
