Новая проблема в Composer: связанные изображения

Привет! Я попробовал включить редактор с поддержкой форматированного текста на своём сайте, но, к сожалению, столкнулся с несколькими проблемами… Самая главная из них — вставка изображений по ссылкам, как в обычном редакторе Markdown, в редакторе с поддержкой форматированного текста, похоже, не работает. Например:

![Test image.](https://live.staticflickr.com/65535/54637302974_542eb17306_3k.jpg)

В обычном редакторе Markdown это, разумеется, привело бы к отображению изображения в тексте поста. Как вы, возможно, видите здесь, в редакторе с поддержкой форматированного текста этого не происходит!

1 лайк

Вы вводите разметку Markdown прямо в визуальный редактор?
Если да, то это не сработает — в визуальном редакторе нельзя использовать Markdown.

Или вы вставляете/загружаете изображение?
Это работает как обычно.

… Понимаю, почему вы так делаете — кажется, в визуальном редакторе нет способа указать «ссылка на это внешнее изображение»?

Здравствуйте, приношу извинения за то, что не уточнил(а) — я действительно писал(а) это в редакторе с форматированием! К сожалению, это был единственный способ добавить ссылку на внешнее изображение, не отключая его снова, по крайней мере, насколько я мог(ла) видеть :frowning:

1 лайк

Если это должно быть запросом на новую функцию, а не ошибкой (я технически неправильно использовал текстовый редактор с форматированием), пожалуйста, не стесняйтесь переместить его в соответствующую категорию! Я бы сказал, что ссылки на внешние изображения — это довольно распространённый случай использования, поэтому наличие кнопки в редакторе с форматированием для подключения внешних медиа может стать хорошим дополнением в будущем. Однако с технической точки зрения в данном случае композер работает корректно. :slight_smile: Возможно, ему просто нужно добавить одну-две дополнительные кнопки!

1 лайк

Абсолютно; я считаю, что в конечном итоге это проблема разрыва в функциональности, но я предоставлю владельцу функции решить, как именно её дополнительно классифицировать.

1 лайк

Большое спасибо, я сделаю то же самое. Прошу прощения за неверную классификацию :slight_smile:

Вы можете разместить URL изображения на новой строке, и оно будет автоматически отображаться в одном блоке:


Однако при этом отсутствуют элементы управления для изменения размера или добавления подписи, которые доступны при прямой загрузке изображения. Не знаю, что думает по этому поводу @renato, но для других типов одноблокового отображения мы рассматриваем их как особый случай, поэтому не уверен, что здесь можно добавить изменение размера изображения или добавление подписи.

1 лайк

Та же проблема существует в редакторе Markdown; возможно, мы можем расширить функциональность кнопки Вставить ссылку для поддержки этого.

Или, что пользователи ожидают сделать для загрузки изображения?

1 лайк

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

Однако у нас уже есть поддержка некоторых специальных правил ввода, которые делают работу в новом редакторе привычной для тех, кто знаком с Markdown, например # заголовки или **жирный текст**, поэтому я также добавил поддержку формата ![изображение](markdown):

https://github.com/discourse/discourse/pull/33498

Это позволит вам ввести ![Тестовое изображение](, вставить ссылку, закрыть скобку ) и получить узел изображения.

3 лайка

Это работает довольно хорошо, я ценю ваше предложение! В целом, при вставке внешней ссылки на изображение в Markdown (в старом редакторе) элементы управления изменением размера и подписи не отображаются, пока изображение не будет автоматически загружено или зеркально скопировано системой Discourse. Поскольку у меня эта опция отключена (мне критически важно экономить место :slight_smile: ), эти элементы управления не показываются в любом случае, поэтому, пока изображение масштабируется корректно и сохраняет пропорции, предложенное вами решение работает отлично.

С точки зрения пользователя, я ожидаю, что с изображением можно будет сделать только две вещи: во-первых, конечно, отобразить его, а во-вторых, добавить альтернативный текст или всплывающую подсказку для доступности (например, чтобы незрячие пользователи получали больше информации, чем просто «здесь есть случайное изображение»). Масштабирование и сохранение пропорций уже работают вполне хорошо, поэтому, возможно, стоит добавить кнопку для вставки внешнего изображения без необходимости переключаться в редактор сырого Markdown. Я считаю, что новый редактор стал отличным, когда я потратил больше времени и привык к его работе, но, к сожалению, в данный момент мне всё равно приходится отключать его для моего конкретного сценария использования. Поэтому я просто оставляю его выключенным, хотя и понимаю ценность нового редактора для новых пользователей. С нетерпением жду возможности включить его на постоянной основе :slight_smile:

Это тоже звучит как отличная идея, большое спасибо!

К вашему сведению, ответ «под капотом» таков: эти элементы управления отображаются только тогда, когда размер изображения указан в Markdown, например:

<!-- отображается -->
![caption|690x432](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)
![caption|690x432,50%](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

<!-- не отображается -->
![caption](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

(было бы здорово, если бы клиент мог автоматически добавлять их; обычно это делается только во время получения изображения)

1 лайк

Ах, теперь я понял! Спасибо, что прояснили :slight_smile: Я пока не очень хорошо разбираюсь во внутренних механизмах таких вещей, но это уже прогресс! Хорошо это знать, возможно, я смогу использовать это, чтобы добавить элементы управления к своим изображениям, размещенным в облаке!

1 лайк

Забавно, что вы так сказали, именно это теперь делает богатый редактор (PR уже принят), когда у изображения нет размеров :smiling_face:

Он не будет автоматически обновлять документ (мы в целом избегаем этого), но покажет элементы управления и автоматически рассчитает размеры, если вы воспользуетесь кнопками масштабирования.

2 лайка

Я выполнил свои ежедневные обновления и был удивлен, увидев, что это обновление уже включено… Я хотел опубликовать сообщение в качестве обновления о том, что я снова включил настройку для текстового редактора с поддержкой форматирования, чтобы попробовать его в действии. Он работает именно так, как я и ожидал, так что большое спасибо за это! На данном этапе единственная проблема, которая у меня была с новым редактором, так сказать, исправлена :slight_smile: Остальные «проблемы», которые я заметил, я не буду публиковать как ошибки, так как не смог воспроизвести ни одну из них… Я скорее убежден, что (на тот момент) у меня была какая-то проблема с сетью или маршрутизацией, а не с самим новым редактором. Мне предстоит разобраться с этим :slight_smile: Пока я оставлю новый редактор включенным на своем сайте, мне нравится, что текстовый редактор с поддержкой форматирования визуально добавляет подпись к изображению!

1 лайк