Can we modify the rich text editor in Sitecore Pages, or at least add a new Paragraph style under this dropdown?
As far as I know, in Experience Editor or Content Editor, we can customize this by setting the source field of the rich text field.
1
-
I had a same conversation with the sitecore support, unfortunately, currently it is not possible, it looks like that the options are hardcoded in the angular app. In our case we wanted to remove some options. I hope the sitecore pages team implement the Rich text profile soon. You may want to keep an eye on the releases: developers.sitecore.com/changelog/xm-cloud– Ghodrat AshourniaAug 27 at 14:09
Add a comment
|
1 Answer
- In the
web.configfile check the value of settingWebStylesheet. By default, it is/default.css. Open that file (default.css file located at the root folder of the website) and add your CSS classes here like the following:
- Open the
ToolsFile.xmlfile located atrootfolder\sitecore\shell\Controls\Rich Text Editor\folder and add CSS class entries in the<classes>node like following
Here name property is a text displayed in a dropdown of Apply Css Classes in RichText Editor and the value property must be the same as your class name defined in the default.css file.
- Go to the rich text editor field of your template and make sure the
source propertyof it is set to eitherRich Text Full or Rich Text Medium
It’s done. Check your item’s rich text editor field to see the list of CSS classes in the dropdown. If the classes are not there, clear your Sitecore Cache (/sitecore/admin/cache.aspx) and browser cache. If it still does not appear, restart your IIS website.
Reference: Apply CSS classes in Rich Text Editor
Adding custom CSS Class to Sitecore Rich Text Editor
answered May 15 at 5:52
-
Unfortunately, this looks like it would work only in the Content Editor and Experience Editor. I am looking for a way to do it in XM Cloud's Sitecore Pages. Thanks for the answer anyway!– sq___May 16 at 4:35