InsertLink Dialog

[Jason Hughes]

Is there any way to hide the title box. Also I would like to hide the open in new window checkbox and default that to checked. Essentially I just want users to enter url and text to simplify the dialog

[Vinitha Jeyakumar]

Hi Jason Hughes,

Your requirement to hide the title and checkbox wrapper fields can be achieved by using the dialogOpen event like below,

Code snippet:

 

var defaultRTE = new ej.richtexteditor.RichTextEditor({

  dialogOpen: dialogOpen,

});

defaultRTE.appendTo('#defaultRTE');

function dialogOpen(args) {

  if (args.element.classList.contains('e-rte-link-dialog')) {

    args.element.querySelectorAll(

      '.e-rte-linkTitle'

    )[0].parentNode.style.display = 'none';

    const labels = args.element.querySelectorAll('label');

    args.element.querySelectorAll(

      '.e-checkbox-wrapper'

    )[0].parentNode.style.display = 'none';

    // Iterate over the NodeList to find the label with text "Title" and hide it

    labels.forEach((label) => {

      if (label.textContent.trim() === 'Title') {

        label.style.display = 'none'; // Hide the label

      }

    });

  }

}

Sample: https://stackblitz.com/edit/pbw55rra?file=index.js

API Link: https://ej2.syncfusion.com/documentation/api/rich-text-editor/#dialogopen

Regards,

Vinitha