Touch UI Rich Text Editor add inline plugins

In AEM 6.2 Touch UI the rich text editor supports enabling all plugin’s only when we are on inlineEditing , but when it comes to real-time implementation it does not meet all the requirements,so sometimes we need to enable plugin’s at component authoring dialog widget level, this article covers how to add misctools, superscript and subscript plugin’s to the rich text editor

If you add all plugins to the rich text editor rteConfig node without creating inlineEditConfig node then it won’t render  on the rich text editor toolbar, it displays only default plugin’s

The first thing which we need to do is create a clientlibs at component level, the path for this is “/apps/keysandstrokes/components/content/text/clientlib-text”

The next thing is you need to add a property to the clientlibs called categories and assign  “rte.coralui2” to it

I don’t want to re-invent once again so, I am re-using OOTB  CuiToolbarBuilder javascript code, which is placed in /etc/clientlibs/granite/coralui2/optional/rte/js/components/rte/ui folder


The only thing you need to do is just add additional plugin’s to the toolbar section of inline editor, here I have added superscript and subscript plugins


Leave a Reply

Your email address will not be published. Required fields are marked *

Visit Us On FacebookVisit Us On Google PlusVisit Us On Twitter