Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

RTE 'sourceedit' feature in a dialog with two richtext

Avatar

Level 5

Hi masters!

I’ve configured the RTE sourceedit feature for a component via ‘cq:editConfig/cq:inplaceEditing’. It works fine.

Now, I need to configure the same sourceedit feature for a component with 2 richtext fields. I’m trying to figure out if it’s possible to configure the sourceedit for editing in a dialog (because with inplaceEditing, only one field can be modified).

Anybody has implemented something like this?

I’m working in AEM 6.2, TouchUI.

Regards!

1 Accepted Solution

Avatar

Correct answer by
Level 10

I talked to some of our Touch UI Experts - they replied: 

it’s a bit different for touch dialogs, so I hope the user followed touch specific configuration uiSettings -> cui -> fullscreen -> toolbar -> misctools#sourceedit, and its stil not working for multiple RTEs?

https://docs.adobe.com/docs/en/aem/6-2/administer/operations/page-authoring/rich-text-editor.html

View solution in original post

2 Replies

Avatar

Correct answer by
Level 10

I talked to some of our Touch UI Experts - they replied: 

it’s a bit different for touch dialogs, so I hope the user followed touch specific configuration uiSettings -> cui -> fullscreen -> toolbar -> misctools#sourceedit, and its stil not working for multiple RTEs?

https://docs.adobe.com/docs/en/aem/6-2/administer/operations/page-authoring/rich-text-editor.html

Avatar

Level 5

Thank you Scott. Now it works. I've added rtePlugins and uiSettings nodes to the richtext field, like this:

{ "jcr:primaryType": "nt:unstructured", "required": true, "name": "./basiquesDenominacio", "fieldLabel": "Denominació", "sling:resourceType": "cq/gui/components/authoring/dialog/richtext", "useFixedInlineToolbar": true, "rtePlugins": { "jcr:primaryType": "nt:unstructured", "format": { "jcr:primaryType": "nt:unstructured", "features": "*" }, "justify": { "jcr:primaryType": "nt:unstructured", "features": "*" }, "lists": { "jcr:primaryType": "nt:unstructured", "features": "*" }, "paraformat": { "jcr:primaryType": "nt:unstructured", "features": "*" }, "links": { "jcr:primaryType": "nt:unstructured", "features": "*" }, "table": { "jcr:primaryType": "nt:unstructured", "features": ["0"], "hiddenHeaderConfig": { "jcr:primaryType": "nt:unstructured", "hiddenHeaderClassName": "cq-wcm-foundation-aria-visuallyhidden", "hiddenHeaderEditingCSS": "coral-RichText-hiddenHeader--editing" } }, "misctools": { "jcr:primaryType": "nt:unstructured", "features": ["sourceedit"] } }, "uiSettings": { "jcr:primaryType": "nt:unstructured", "cui": { "jcr:primaryType": "nt:unstructured", "inline": { "jcr:primaryType": "nt:unstructured", "toolbar": [ "format#bold", "format#italic", "format#underline", "#paraformat", "image#imageProps", "#justify", "#lists", "links#modifylink", "links#unlink", "misctools#sourceedit" ], "popovers": { "jcr:primaryType": "nt:unstructured", "justify": { "jcr:primaryType": "nt:unstructured", "ref": "justify", "items": [ "justify#justifyleft", "justify#justifycenter", "justify#justifyright" ] }, "lists": { "jcr:primaryType": "nt:unstructured", "ref": "lists", "items": [ "lists#unordered", "lists#ordered", "lists#outdent", "lists#indent" ] }, "paraformat": { "jcr:primaryType": "nt:unstructured", "ref": "paraformat", "items": "paraformat:getFormats:paraformat-pulldown" } } } } } }