@Shaheena_Sheikh try the below code$(document).on("dialog-ready", function(){ $("coral-multifield").children("button[coral-multifield-add]").on("click", function() { //Logic }); }); 

add [0] as let fontField = $(this).find(".fontField")[0]; should work.

@Shaheena_Sheikh Any console errors? It should work. I think .each close parenthesis is missing.[Update]: Checked updated code, [0] is missing at let fontField = $(this).find(".fontField")[0];Adding that should work.

@ShagunMalik Can you share HTML and JavaScript for better understanding.If my assumption is correct, here you don't need a submit button . Have a normal button and on click of that button get input field value and do an AJAX call. This way user will be on same page and you can use existing variables...

@ShagunMalik HTML <p id="my-id"> </p> Using Vanilla JavaScript document.getElementById("my-id").innerHTML = "Some text"; Using jQuery $("#my-id").text("Some text");    

@vijays80591732 Directly hit page(/content/myapp/en/us_en/home.html) from front-end(AJAX) and you will get entire page html as response. You can request for child nodes also(/content/myapp/en/us_en/home/_jcr_content/root/...../xyz.html).

@Shaheena_Sheikh disabled form fields will not be submitted.  You can try making it readonly.

@bhanuprakashdod Check https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-license-and-installation/qaq-p/397135/comment-id/85562#M85562 and give a try.

@Codelime Caused by: org.apache.sling.models.factory.MissingElementsException: Could not inject all required fields into class com.adobe.business.core.models.TextModelField or few Fields in Sling Model is/are not being injected.Try setting defaultInjectionStrategy as optional at class level or mark ...

@santhoshsrg add externalStyleSheets property to RTE node and give css file path as value.  Write css targeting cq-dialog class. Ex: .cq-dialog .coral-RichText-editable * { color: red; }