Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to add sourceedit to TouchUI dialog?

Avatar

Level 1

According to the documentation sourceedit is available as a plugin for RTE in the TouchUI dialog.

(https://docs.adobe.com/docs/en/aem/6-2/release-notes/touch-ui-feature-status.html#Feature Status: Text, Table & Image Editors)

How do I enable this?

1 Accepted Solution

Avatar

Correct answer by
Level 7

Hi Sammy Kumar,

Add uisettings node to your dialog structure as below to make sourceedit enable in dialog.

rte-touchudilog.PNGrte-dialogxml.PNG

Hope it helps..!
Thank you,
Techaspect Solutions.
http://www.techaspect.com/

View solution in original post

7 Replies

Avatar

Level 5

Hi

Source Editor (Html Editor) is a part of misctool in rich text editor.

Miscellaneous tools allow you to enter special characters or edit the HTML source.

This will help you to add plugin in rich text.

Adobe Experience Manager Help | Configuring Adobe Experience Manager Touch UI Rich Text Editors

Thanks

Avatar

Level 1

I appreciate the response! But what you linked shows how to add sourceedit to the In place Editor. Not the TouchUI Dialog.

I'm looking to see what I need to add to _cq_dialog file

Avatar

Level 5

so you have add <rtePlugins jcr:primaryType="nt:unstructured"> node inside your rich-text node Below is the xml

<rtePlugins jcr:primaryType="nt:unstructured">

<misctools

            jcr:primaryType="nt:unstructured"

            features="*">

</misctools>

</rtePlugins>

Avatar

Correct answer by
Level 7

Hi Sammy Kumar,

Add uisettings node to your dialog structure as below to make sourceedit enable in dialog.

rte-touchudilog.PNGrte-dialogxml.PNG

Hope it helps..!
Thank you,
Techaspect Solutions.
http://www.techaspect.com/

Avatar

Level 10

Hi Sammy,

We have the HELPX article on this topic for configuring the RTE plugins in Touch UI Dialog. Please check here: Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog

This also have the package so that you can install and check the same.

Hope this helps!!

~Ratna.

Avatar

Level 1

Hi,

I am facing an issue with the sourceedit plugin for RTE component in AEM.

If I put a HTML like the code snippet below and publish the page it removes all the inline styles, do you know why?

<div style="background: #f4f4f4 ; border: 2 ; padding: 15 15 15 15 ; box-shadow: 5px 5px #a79d97 ; border-radius: 8px;">

<h3><span class="large">Hello this is test </span></h3>

<p>We are excited to release an update to our product</p>

<p><span class="btn" style="background: #213c60; color: white; border: 1;">Show Me More</span></p>

</div>

Avatar

Level 1

Hi,

Please use context=unsafe in sightly scripts to resolve the issue.

Thanks