I was trying to create a multifield touch ui text component in AEM 6.2. I created it by adding a field with the following resource type:
<test
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/richtext"
fieldLabel="Touch Ui Text"
name="./test"
renderReadOnly="{Boolean}true"/>
It worked.But I have to add styles as a plugin in my mutifield text component which I am unable to do. How to add the plugins just like we add rte plugins in classic ui? I need to provide various styles in the rich text editor as part of multifield.
Thanks for helping!
Add this
It appears the option to use custom styles in the Rich Text Editor was removed in Touch UI, as per the AEM 6.0 documentation.
Thankfully, they're back in AEM 6.2. I'm not sure about 6.1, they're probably also supported.
The documentation for AEM 6.2 describes the steps necessary to enable the Styles RTE Plugin. It took me a lot of reading but I managed to get the Styles plugin working.
In way of a TL;DR I can only say that the styles configuration follows the same format as in case of Classic UI and that you also need to pay attention to the
uiSettings
for your component as they drive the visibility of buttons in Touch UI.Here's an example field configuration (rest of the
cq:dialog
omitted for brevity:Note the elements in
text/rtePlugins/styles
andtext/uiSettings/cui/inline/popovers/styles
.Here's how it looks on the page: