Intercept "afterOpen" event of popups

[ppmarco]

Hi there,

thank you for the awesome project :).

I see in the docs there is a method called "afterOpen" that should be fired whenever a Dialog/Popup gets opened. I tried to use it in the events section of the initial jodit config, but without success. Do you have any advice on this?

[gauraws]

@ppmarco

I think you can try like below using events inside config. Here I'm hiding url tab from image popup. Hope this helps. thanks.

 const config = useMemo(
    () =>
      ({
        readonly: false,
        placeholder: placeholder,
        toolbarAdaptive: false,
        askBeforePasteHTML: false,
        askBeforePasteFromWord: false,
        showCharsCounter: false,
        showWordsCounter: false,
        hidePoweredByJodit: true,
        uploader: {
          insertImageAsBase64URI: true,
        },
        disablePlugins: 'image-properties',
        enter: 'div',
        events: {
          // hide image upload url
          afterOpenPopup: () => {
            const popupElem = document.querySelector('.jodit-popup__content');
            if (!popupElem) return;

            const tabsToHide = [
              popupElem.querySelector('.jodit-tabs__buttons [data-ref="link"]'),
              popupElem.querySelector('[data-ref="pencil"]'),
            ];

            tabsToHide.forEach((tab) => {
              if (tab instanceof HTMLElement) {
                tab.style.display = 'none';
              }
            });
          },
        },
      }) ,
    [placeholder]
  );

[ppmarco]

Too late ahahahahah thx for you time anyway