AEM 6.4 SP7 - RTE Inline Editor Listener- Touch UI

Avatar

Avatar

dhanubrp

Avatar

dhanubrp

dhanubrp

21-08-2020

We are using AEM 6.4 SP7

 

I have a Text component , when author enters data using inline editor.
If data contains some special characters I want to prevent saving data to "crx" .
So I thought of go with listeners approach.

 

Inline_Edit.PNG

Once author click on save(check symbol) how to take listener control.

Can anyone please give some idea how to achieve this?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Andrei_Dantsou

Avatar

Andrei_Dantsou

Andrei_Dantsou

23-08-2020

Hello @dhanubrp 

Touch UI events handling is described here https://helpx.adobe.com/experience-manager/using/creating-touchui-events.html

The "inline-edit-finish" event is what you are looking for:

$document.on("inline-edit-finish", function (event) {

        alert("inside inline-edit-finish");

});

Example of usage of the mentioned event can be found here http://experience-aem.blogspot.com/2016/07/aem-62-rich-text-editor-inplace-editing-perform-spellchec...

Regards

Answers (1)

Answers (1)

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

3.1K

Likes

1.2K

Correct Reply

883

Avatar

Arun_Patidar

MVP

Total Posts

3.1K

Likes

1.2K

Correct Reply

883
Arun_Patidar
MVP

22-08-2020

I am not able to find any cq dialog events but you can use

$('.coral-Button.coral-Button--quiet.rte-toolbar-item[data-action="control#save"]').click(function(e){
console.log("clicked");
});

 

If you want to restrict user to enter invalid input then you must disabled inline editor and force user to edit using normal dialog and there you can easily write validations.