Rich text editor plugins not visible on touch UI dialog in AEM 6.3 | Community
Skip to main content
cqsapientu69896
cqsapientu69896
Level 4
Sep 7, 2017 11:20 AM UTC
Solved

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

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.

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Ratna_Kumar
    Ratna_KumarAccepted solution
    Level 10
    Sep 7, 2017 12:21 PM UTC

    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.

    View reply

    15 replies

    HernanF
    New Participant
    Feb 13, 2018 1:25 AM UTC

    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.

    Translate
      smacdonald2008
      smacdonald2008
      Level 10
      Dec 20, 2017 3:28 PM UTC

      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,

      Translate
      Sean-McK
      Sean-McK
      Level 4
      Dec 20, 2017 3:23 PM UTC

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

      Translate
      Sean-McK
      Sean-McK
      Level 4
      Dec 20, 2017 3:19 PM UTC

      this was a fresh install of 6.3

      Translate
      smacdonald2008
      smacdonald2008
      Level 10
      Dec 20, 2017 3:17 PM UTC

      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.

      Translate
      Sean-McK
      Sean-McK
      Level 4
      Dec 20, 2017 3:10 PM UTC

      I have uploaded a video of my issue:

      RTE - YouTube

      Translate
      Sean-McK
      Sean-McK
      Level 4
      Dec 20, 2017 2:55 PM UTC

      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)

      Translate
      smacdonald2008
      smacdonald2008
      Level 10
      Dec 20, 2017 2:53 PM UTC

      You click on it!

      Translate
      Sean-McK
      Sean-McK
      Level 4
      Dec 20, 2017 2:49 PM UTC

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

      Translate
      cqsapientu69896
      cqsapientu69896Author
      Level 4
      Sep 13, 2017 8:39 AM UTC

      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

      Translate
      Show more replies
      Terms & ConditionsAccessibility statement

      Loading footer...