Expand my Community achievements bar.

SOLVED

Rich text editor plugins not visible on touch UI

Avatar

Level 2

Hello everyone,

I found this article: RTE plugin menu is not visible until you click inside the RTE textarea in AEM 6.3 touch UI dialog

where I read that for multiple RTE this is not a bug, but a feature. But still... Guys, can I display my single rte-plugin menu after I just open my component in aem 6.4?

Following are the screenshots for your reference:

1) When the dialog is loaded

Screen Shot 2017-10-03 at 4.46.54 PM.png

2) When I click inside the text area

Screen Shot 2017-10-03 at 4.47.07 PM.png

Thanks,

Dmitriy.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

You can do it with CSS.

create/modify existing client libs css of category 'cq.authoring.dialog' and add below code snippet.

.cq-dialog-content .rte-ui .rte-toolbar {
  1.    visibility: visible!important;


Arun Patidar

View solution in original post

5 Replies

Avatar

Correct answer by
Community Advisor

Hi,

You can do it with CSS.

create/modify existing client libs css of category 'cq.authoring.dialog' and add below code snippet.

.cq-dialog-content .rte-ui .rte-toolbar {
  1.    visibility: visible!important;


Arun Patidar

Avatar

Level 2

Hi, yep, it works for me) thank you. But I think there are may be any more proper way to do this (may be by some configs).)

If I don't get other answers - I will mark yours as best one.

Thanks again,

Dmitriy.

Avatar

Community Advisor

Hi Dmitriy,

Glad to hear that, it works.

Just addition to your query -

RTE plugin is pure Javascript based.

You can though modify OOTB JS file to make is visible RTE on dialog load.

But I think using CSS is cleaner and easy way, you can disable whenever you want by commenting code or deleting file without impacting OOTB files.

But yes we can wait for other response then you can decide and use whichever solution suites best for your requirement.

Thanks

Arun



Arun Patidar

Avatar

Level 10

Arun is correct!

Avatar

Level 1

smacdonald2008​ : Does source edit work in RTE  in Design mode  ?

The following has evaluated to null or missing: ==> liql("SELECT id, subject, body, depth, post_time, author.login, author.id, author.rank, metrics.views FROM messages WHERE topic.id = '${topicId}' AND is_solution = true").data.items[0] [in template "analytics-container" at line 82, column 31] ---- Tip: It's the final [] step that caused this error, not those before it. ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign acceptedAnswer = liql("SELECT... [in template "analytics-container" at line 82, column 5] ----