Водяной знак на всех загружаемых изображениях

После нескольких экспериментов я нашёл временное «решение» для водяного знака. :partying_face:

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

  1. Сначала я установил Chevereto (бесплатную версию) на другой поддомен.
    (Это очень просто: достаточно загрузить файл installer.php на сервер, открыть страницу и следовать инструкциям по настройке. Всё занимает несколько минут.) :kissing_heart:

  2. Бесплатная версия также поддерживает водяные знаки; их можно настроить в разделе «Настройки загрузки изображений» в панели управления.

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

  1. Добавьте плагин Chevereto (скрипт) в тег <head> Discourse:
    <script async src="https://img.example.com/sdk/pup.js" data-url="https://img.example.com/upload"></script>

  2. Похоже, Discourse больше не поддерживает тег i для иконок Font Awesome, поэтому мне пришлось изменить JavaScript:
    было:
    <i class="fa fa-cloud-upload d-icon d-icon-upload"></i>
    стало:
    <svg class="fa d-icon d-icon-cloud-upload-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#cloud-upload-alt"></use></svg>

  3. Если всё настроено правильно, в редакторе Discourse появится иконка облака для загрузки.

  4. Просто нажмите на новую иконку, перетащите изображение в всплывающее окно, и оно автоматически загрузится, а код вставится в редактор вместе с водяным знаком. :partying_face:

  5. Теперь это отлично работает на настольных компьютерах. Но я всё ещё пытаюсь понять, как добавить иконку на смартфоны. :thinking: Если найду способ, обновлю этот пост.

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

9 лайков