Rich text editor plugins not visible on touch UI dialog in AEM 6.3

[cqsapientu69896]

All the rich text plugins that are present in the classic UI dialog are not getting rendered in the touch UI dialog in AEM 6.3 .

I have added the rtePlugins node under text node and activated all plugins similar to the classic UI dialog, but all the plugins which are in classic UI do not render in touch ui dialog

I followed this link - Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog ; but even using the package in this link; all the plugins are not visible on the touch ui dialog.

how can I enable all rich text plugins of classic UI in touch UI dialog? Has anyone been successful in doing it ?

Please let me know.

[Ratna_Kumar]

Hi,

Configuring RTE plugins in Touch UI dialog is not same in Classic UI and Touch UI.

Check this HELPX article for configuring RTE plugins in Touch UI dialog: https://helpx.adobe.com/experience-manager/using/touchUI_RTE_configure.html

I tested the package in this article and see all.the plugins available!!

Hope this Helps!

~Ratna.

[Ratna_Kumar · Accepted solution]

Hi,

I re-tested just now with the HELPX article package. It works!! Please find the below screenshot.

smacdonald2008​ - Can you also please test in 6.3?

Also this thread also relates to same: https://forums.adobe.com/message/9812906#9812906

Thanks,

Ratna.

[Ratna_Kumar]

Hi,

If still it is not working..I suggest you to deploy the HELPX Article package in new fresh instance and check the same.

Hope this helps!!

Thanks,

Ratna

[smacdonald2008]

This works as stated on AEM 6.3.

[smacdonald2008]

This is for the Touch UI - not classic UI.

[cqsapientu69896]

Hi guys Ratna Kumar, smacdonald2008​

Thanks for your response.

This is correct; the plugins are available in rich text editor on AEM 6.3. But the plugins do not show up until the touch ui dialog is clicked upon. Could you please let me know if this is a known issue with rich text editor's touch ui dialog ? Also, 'no available styles'

is displayed as no styles have been added. If the styles tab is deleted from the cq:dialog; 'no available styles'  is displayed above the text tab. Could you please let me know how can this message be removed completely? Would appreciate your response.

Thanks

[Sean-McK]

I have a fresh install of 6.3 and installed TestTouchRTE and it doesn't show up. Has anyone gotten this to work?

[smacdonald2008]

You click on it!

[Sean-McK]

yes i did....when I open dialog box, I see nothing. I see space above the text box but nothing. If I click inside, it doesn't pop up. if I max the dialog box it pops up but a lot of space inbetween. I am also getting a javascript error:

Uncaught TypeError: Cannot read property 'addClass' of null

    at instanceGenerator.construct [as _construct] (richtext.js:40615)

    at instanceGenerator.Class.prototype.construct (richtext.js:292)

    at new instanceGenerator (richtext.js:303)

    at instanceGenerator.createToolbar (richtext.js:42484)

    at instanceGenerator.addBackgroundToolbar (richtext.js:4931)

    at switchToolbar (all.js:2463)

    at HTMLDivElement.<anonymous> (all.js:2441)

    at Function.each (jquery.js:370)

    at jQuery.fn.init.each (jquery.js:137)

    at HTMLElement.<anonymous> (all.js:2438)

[Sean-McK]

I have uploaded a video of my issue:

RTE - YouTube

[smacdonald2008]

This is not reproducible for me. I get this... See there is error message in the Browser.

Can you try on a fresh instance - lets see if you can reproduce on a fresh instance and go from there.

[Sean-McK]

this was a fresh install of 6.3

[Sean-McK]

ok I tested it in IE and it worked, this is an issue with Chrome, and I am on Chrome 63.0.3239.84

[smacdonald2008]

I am using version 63.0.3239.84 (Official Build) (64-bit)

I recommend opening a support ticket so they can investigate. There is something weird going on. I cannot reproduce this nor other community members such as Ratna,

[HernanF]

Regarding the JS error:

Uncaught TypeError: Cannot read property 'addClass' of null

I have debugged it and finally was due to a missing uiSetting in my dialog xml file.

it must have a dialogFullScreen node under "uiSettings" node

<dialogFullScreen
   jcr:primaryType="nt:unstructured"
   toolbar="[format#bold,justify#justifyleft,justify#justifycenter,justify#justifyright,lists#unordered,lists#ordered,lists#outdent,lists#indent,links#modifylink,links#unlink,links#anchor]">

</dialogFullScreen>

I hope it helps someone else.