Image Plugin for Full Screen RTE in AEM 6.3 | Community
Skip to main content
V
vivek07mishra-1
Level 2
August 23, 2017

Image Plugin for Full Screen RTE in AEM 6.3

  • August 23, 2017
  • 1 reply
  • 8022 views

Hi,

I am trying to achieve the Image Plugin for RTE in full screen mode in AEM 6.3. But my code is failing for creating a Dialog using Dialog Manager.

CUI.rte.ui.cui.AbstractDialog

it throws error : Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

Its so basic to have Image Insert Plugin in RTE.

I am using the following example from AEM 6.1 :

Experiencing Adobe Experience Manager - Day CQ: AEM 61 - Touch UI Rich Text Editor (RTE) Browse and Insert Image

and Color Picker from AEM 6.3 :

Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI RTE (Rich Text Editor) Color Picker Plugin for InPlace…

to fix the Image Plugin.

Does any body have the solution for this ?

[Mod Note: Personal info removed]

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

    1 reply

    smacdonald2008
    smacdonald2008
    Level 10
    August 23, 2017

    The problem here is you are using a 6.1 community article for 6.3. Check with the author blog to see if they have updated for 6.3.

    V
    vivek07mishra-1Author
    Level 2
    August 24, 2017

    Yeah, I am trying to transition from AEM 6.1 to AEM 6.3, by using the second article mentioned in my discussion. But I am facing issue with the dialog manager.

    brett_birschbac
    brett_birschbac
    Level 2
    December 22, 2017

    Would be great if you can share a sample package(code + basic sample page) of what you have done so far and where you are stuck at.


    The custom image plugin for the fullscreen rich text editor in the Touch UI is no longer necessary for AEM 6.3.  In AEM 6.3 you can drag and drop an image from the lefthand authoring sidebar onto a RTE in inline editing mode (not fullscreen).  Once you have the image inside the RTE, you can then switch to fullscreen mode and click the Image icon to set an "alt" text for the image.  This gives you the same capabilities as did the custom plugin, but just different steps for the author, and is better supported b/c it's all OOTB.  Just need to make sure you enable the "image" option in your RTE plugin configs.

    AEM 6.3 Authoring Process for RTE Images:

    •     Add Text element to the page
    •     Initialize inline text editing
    •     Drag an image from the left authoring sidebar onto the RTE at the cursor position
    •     Go to fullscreen text editing mode (or not, if you have "image" enabled for inline mode)
    •     Place the cursor on the image
    •     Click the Image button to launch an image properties box to enter Alt text
    •     Specify alt text and optionally left/right alignment
    •     Close the image properties box
    Terms & ConditionsAccessibility statement

    Loading footer...