Несоответствия отступов с изображениями

Небольшая досада: между тем, что показывает превью поста, и тем, что отображается в готовом посте, есть небольшие расхождения. Это зависит от того, загружено изображение или вставлено по ссылке.


Изображение по ссылке, пустой строки после этого текста нет:


Текст следует сразу, без пустой строки перед ним.

Теперь загруженное изображение, пустой строки после этого текста нет:


Текст следует сразу, без пустой строки перед ним.

1 лайк

Текст перед горячей ссылкой на изображение, без пустой строки после текста:


Текст после, без пустой строки перед ним.

Текст перед загруженным изображением, без пустой строки после текста:


Текст после, без пустой строки перед ним.

У горячей ссылки на изображение есть следующий CSS:

.d-editor-preview img {
    padding-bottom: 1.4em;
}

В то время как у загруженного изображения — такой:

.d-editor-preview .image-wrapper img {
    padding-bottom: 0;
}

Это также происходит, когда удалённое изображение было загружено в Discourse, поскольку в этом случае не заданы размеры, а значит, в предпросмотре не создаётся обёртка image-wrapper:

Загруженное удалённое изображение:
![](upload://8af8gZpoBRQh1Lf7j8YsQHFWnFw.jpeg)

Загруженное изображение:
![563687|690x388](upload://oOqqJbiN2BL6Ju752OD87dlJqbI.jpeg)

2 лайка

Интересно, спасибо.

Я также заметил, что в случае с хотлинкованными изображениями, которые загружаются, в первоначально опубликованном посте отсутствует отступ между изображением и текстом над ним, но через несколько минут, когда процесс в очереди срабатывает для загрузки удалённого изображения, отступ увеличивается. Это можно увидеть как ревизию в истории поста с визуальным изменением отступа.

2 лайка

Думаю, это происходит потому, что пост перестраивается, и добавляется весь HTML с просмотрщиком изображений, что создаёт другие внешние или внутренние отступы.

1 лайк

Понял, спасибо. Было бы неплохо исправить некоторые из этих несоответствий — удивительно, но пользователи их замечают и раздражаются, особенно если они привыкли к WYSIWYG-редакторам в других движках форумов. Самоизменяющееся отображение поста после загрузки удалённого изображения ещё более странно, хотя я полностью понимаю, что за этим стоят технические причины.

1 лайк

Да, есть несколько несоответствий.
Например, похожий случай:

1 лайк

Я полагаю, что некоторые из этих странностей исчезнут, когда мы объединим изменение от @Johani.

2 лайка