Изменить путь изображения по умолчанию в TinyMCE

Question

У меня есть веб-сайт Joomla с другим сервером, который я использую для изображений.Но теперь в редакторе изображения не отображаются, потому что он загружается с относительного URL.Есть ли возможность изменить, что пути к изображениям меняются?

Пример:

"/ images / image.jpg" -> "http://images.domain.com/images/image.jpg"

Как вы можетевижу, что правильный URL-адрес - это тот же самый URL, но перед ним стоит http://images.domain.com.

Я пытался найти его сам, но не смог найти ничего ценного. Я видел, что выЯ могу изменить относительные URL в инициализации TinyMCE, но это не решит мою проблему. Мне нужно добавить этот поддомен перед ним.

Я не против использовать скрипт или что-либо еще, чтобы изменить URL послевсе инициализировано, я просто хочу, чтобы оно работало.

Может кто-нибудь мне помочь?

Answer 1

Существует множество способов решения этой проблемы.Если люди используют плагин TinyMCE image для вставки изображений, для этого есть особая опция:

https://www.tiny.cloud/docs/plugins/image/#image_prepend_url

Если в Joomla есть какой-то пользовательский способ вставки и управления изображениями, эта опцияскорее всего, не будет работать, так как это специфично для плагина image.

TinyMCE также имеет различные параметры конфигурации обработки URL:

https://www.tiny.cloud/docs/configure/url-handling/

Это также может помочь вам решить эту проблему.

И, наконец,вы могли бы полагаться на API TinyMCE, чтобы знать, когда контент будет помещен в редактор.Затем вы можете проверить этот HTML для изображений и настроить URL-адреса по мере необходимости.Например:

tinymce.init({
    selector:  '#myTextarea',
    editor.on('BeforeSetContent', function(e) {
        console.log('BeforeSetContent: ' + e.content);
        console.log(e);
        // The variable e.content is what will be inserted in the editor.
        // You can modify that as needed before TinyMCE does the insertion.
        // This is a simple example but shows the idea.
        if (e.content.startsWith('<span class="mention"')) {
            e.content = e.content + '&nbsp;&nbsp;&nbsp;';
        }
    });
})