XF 2.2 Как при загрузке изображения вставлять миниатюру?

Версия XenForo
2.2

MrOne

Проверенные
Сообщения
438
Решения
2
Реакции
155
Баллы
355
Как сделать, чтобы при создание темы, при загрузке изображения вставлялась миниатюра, а не полное изображение?
 
Решение
Очередная модификация на коленке.

Шаблон: editor.
Тип поиска: Регулярное выражение.
Найти: /$/
Заменить:
HTML:
$0

<xf:js>
    $(document).ready(function()
    {
        $(document).on('editor:init', '.js-editor', function (e, ed)
        {
            ed.events.on('image.uploaded', function (response)
            {
                this.image.insert($.parseJSON(response).attachment.thumbnail_url, false, null, this.image.get(), response); 

                return false;
            });
    
            ed.events.on('image.inserted image.replaced', function ($el, response)
            {
                if (!response || $el.hasClass('fr-video'))
                {
                    return...
тыкнуть на миниатюру или не об этом разговор?
Не об этом :)
Когда загружаете фото, то оно сразу вставляется в сообщение в полном размере.
Как сделать чтобы оно вставлялось в миниатюре?
 
Очередная модификация на коленке.

Шаблон: editor.
Тип поиска: Регулярное выражение.
Найти: /$/
Заменить:
HTML:
$0

<xf:js>
    $(document).ready(function()
    {
        $(document).on('editor:init', '.js-editor', function (e, ed)
        {
            ed.events.on('image.uploaded', function (response)
            {
                this.image.insert($.parseJSON(response).attachment.thumbnail_url, false, null, this.image.get(), response); 

                return false;
            });
    
            ed.events.on('image.inserted image.replaced', function ($el, response)
            {
                if (!response || $el.hasClass('fr-video'))
                {
                    return;
                }
    
                try
                {
                    const json = $.parseJSON(response);

                    if (json.attachment)
                    {
                        $el.data('attachment', 'thumb:' + json.attachment.attachment_id);
                    }
                }
                catch (e)
                {
                    return;
                }
            });
        });
    });
</xf:js>
 
Очередная модификация на коленке.

Шаблон: editor.
Тип поиска: Регулярное выражение.
Найти: /$/
Заменить:
HTML:
$0

<xf:js>
    $(document).ready(function()
    {
        $(document).on('editor:init', '.js-editor', function (e, ed)
        {
            ed.events.on('image.uploaded', function (response)
            {
                this.image.insert($.parseJSON(response).attachment.thumbnail_url, false, null, this.image.get(), response);

                return false;
            });
        });
    });
</xf:js>
Спасибо, но не полностью работает.

При создание поста вставляется миниатюра, НО, при публикации или сохранении отображается полное изображение.
 
Большое спасибо, заново создал правило. Работает!
Решено!

Думаю, не мне одному пригодится, так как на форуме пользователи обычно загружают изображение и полно сообщений с огромными изображениями.
 
Очередная модификация на коленке.

Шаблон: editor.
Тип поиска: Регулярное выражение.
Найти: /$/
Заменить:
HTML:
$0

<xf:js>
    $(document).ready(function()
    {
        $(document).on('editor:init', '.js-editor', function (e, ed)
        {
            ed.events.on('image.uploaded', function (response)
            {
                this.image.insert($.parseJSON(response).attachment.thumbnail_url, false, null, this.image.get(), response);

                return false;
            });
   
            ed.events.on('image.inserted image.replaced', function ($el, response)
            {
                if (!response || $el.hasClass('fr-video'))
                {
                    return;
                }
   
                try
                {
                    const json = $.parseJSON(response);

                    if (json.attachment)
                    {
                        $el.data('attachment', 'thumb:' + json.attachment.attachment_id);
                    }
                }
                catch (e)
                {
                    return;
                }
            });
        });
    });
</xf:js>
Подскажи пожалуйста как изменить размеры миниатюры?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу