TinyMCE переписывает строку запроса на src изображения

Question

Я использую пакет Glide (https://glide.thephpleague.com) для управления изображениями на основе параметров строки запроса. Допустим, у меня есть /some/large/image.jpg, его можно легко уменьшить следующим образом /some/large/image.jpg?w=300&h=200

Я хочу, чтобы эти параметры запроса автоматически применялись в TinyMCE (пример simlplified)

tinymce.init({
  ...
  convert_urls: false,
  setup: (editor) => {
    editor.on('ObjectResized', (e) => {
      let src = e.target.src.replace(/\?.+/, '');
      let resizedSrc = `${src}?w=${e.width}&h=${e.height}`;
      e.target.src = resizedSrc;
      e.target.alt = resizedSrc; // to prove it works
      console.log(e.target); 
    });
  }
})

, но TinyMCE обрезает часть строки запроса в src. В консоли, зарегистрированной в e, по-прежнему src и alt установлены так, как я хочу, но если я отображаю сгенерированный источник TinyMCE, src пропускает строку запроса, alt остается неизменной.

https://codepen.io/vitnasinec/pen/YzyEBZQ

Есть идеи, как предотвратить переписывание TinyMCE (5.2.2) моего src?

Answer 1

Используйте editor.dom.setAttrib в TinyMCE DOMUtils API:

editor.dom.setAttrib(e.target, 'src', resizedSrc);
editor.dom.setAttrib(e.target, 'alt', resizedSrc);

См. Этот TinyMCE Fiddle для рабочего примера.