AEM 6.4 SP7 - RTE Inline Editor Listener- Touch UI | Community
Skip to main content
D
dhanubrp
New Participant
August 21, 2020
Solved

AEM 6.4 SP7 - RTE Inline Editor Listener- Touch UI

  • August 21, 2020
  • 2 replies
  • 1783 views

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.

 

 

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

Can anyone please give some idea how to achieve this?

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

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-spellcheck-before-save.html

Regards

2 replies

Andrei_Dantsou
Andrei_DantsouAccepted solution
New Participant
August 24, 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-spellcheck-before-save.html

Regards

    kautuk_sahni
    kautuk_sahni
    Employee
    August 24, 2020
    Great Reply.
    Kautuk Sahni
    arunpatidar
    arunpatidar
    New Participant
    August 22, 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.

    Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...