Highlighted

WYSIWYG html editor glitches (Rich text)

abhishekt945679

18-04-2018

I am facing a issue with WYSIWYG html editor (rich text),

The HTML editor in the WYSIWYG component is acting erratic in AEM 6.3. The issue is causing html editing to render a blank input field.

Steps:

To recreate this:

1. Edit WYSIWIG

2. Fullscreen/Expand

3. Click "Source Edit"/HTML icon.

4. Click minimize.

5. HTML will not be saved

6. Click fullscreen/Expand

7. Click "Source Edit"/HTML again

8. HTML source will now be blank

9. Click fullscreen/Expand

10. "Source Edit"/HTML icon will now be gone

I have tried to configured with below link and also install the content packages which given there but still having same issue.

Can any one help for this issue.

Thanks

Abhishek

Replies

Highlighted

smacdonald2008

18-04-2018

Can you post a screenshot and show me what you mean by a WUSIWUG editor. Are you referring to the RTE in a Text Component for example?

Highlighted

abhishekt945679

18-04-2018

Hi

Thanks for reply,

Can you please follow the below steps only:

1. Edit WYSIWIG

2. Fullscreen/Expand

3. Click "Source Edit"/HTML icon.

4. type any text

5. Click minimize.

6. HTML will not be saved (when will you click the checkmark button then text will clear, it'll not save)

I'll also provide you screenshots as well after some time.

Highlighted

smacdonald2008

18-04-2018

No matter how many times that i minimize or maximize the RTE by  clicking the Toggle button - the text remains.

Pic48.png

Can you try in a fresh AEM 6.3 DEV instance. Try installing this package -- Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog

Let me know if you still get these results.

Highlighted

Ratna_Kumar

MVP

18-04-2018

Hi Abhishek,

I tried the below steps you have mentioned.

-> Once I expand and click Source Edit/HTML icon, and i enter text and I minimize, I see as per the below screenshot.

sourceedit1.PNG

Here, for me HTML is saving and also when I click on check-mark button, text is existing in my case. It is saving!!

I suggest you to try in fresh instance and install the package as discussed in the article and let us know: Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog

Thanks,

Ratna.

Highlighted

kautuk_sahni

Community Manager

18-04-2018

Unless you save the content, it would not get saved.

You need to click on right sign to get it saved. Also, not everything of RTE is available in in-place.

Table plugins and the source-edit feature are not available for in-place editing in the touch-enabled UI.

Doc:- Configuring the Rich Text Editor

Highlighted

abhishekt945679

20-04-2018

Hi Ratna,

I have flowed the steps (given in below link)and install the package on my local,

link : Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog

but still facing issue, here I am attaching screenshot as well, I have debug the code as well I found "createNodeList, function not triggering in richtext.js file when author Click "Source Edit"/HTML icon"

May be its my local instance issue,

1. installed the given package

Screen Shot 2018-04-20 at 2.03.02 PM.png

2. author the component.

Screen Shot 2018-04-20 at 2.05.25 PM.png

3. text is not save,

Screen Shot 2018-04-20 at 2.05.37 PM.png

Thanks

Abhishek

Highlighted

smacdonald2008

20-04-2018

Try this on a fresh AEM instance. I have not seen this behaviour on my AEM instance nor other community members that have tried this such as Ratna.