Заменить только иконку ссылки для обмена

[cogdog (Alan Levine)]

Мне кажется, что эта часть интерфейса Discourse запутанна. В редакторе иконка ссылки используется для вставки гиперссылки (что логично, именно так она должна работать, и это совпадает с 99% других интерфейсов)

Однако при просмотре поста та же иконка используется для ссылки/социального обмена.

Хотя на самом деле здесь было бы логичнее использовать более привычную иконку «Поделиться»

Некоторое время я использовал подход через API для изменения иконки

  <script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('link', 'external-link-tab');
 </script>

Но это также меняет иконку в редакторе, поэтому использовать иконку «Поделиться» для обозначения вставки гиперссылки становится бессмысленно. Было бы полезно, если бы существовали отдельные вызовы API для указания двух контекстов этой кнопки, чтобы я мог заменить её на иконку «Поделиться ссылкой», но не на иконку «Вставить ссылку».

??? (мои знания о внутреннем устройстве Discourse в основном поверхностны)

[Falco]

@cogdog

Но тогда это изменит значок в редакторе, поэтому не имеет смысла использовать значок «Поделиться» для вставки гиперссылки. Было бы полезно, если бы существовали отдельные вызовы API для ссылок на два контекста этой кнопки, чтобы я мог использовать значок ссылки для обмена, но не для вставки ссылки.

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

[cogdog (Alan Levine)]

Ещё раз: я не ищу иконку! Я могу использовать любую иконку, какую захочу, на своём сайте.

Мне нужен метод в Discourse, как указано в инструкции по переопределению иконки через API, чтобы изменить иконку кнопки для публикации поста, не затрагивая иконку, используемую в редакторе для кнопки вставки гиперссылки.

[supermathie (Michael Brown)]

Мы изучаем возможность сделать именно это, и мы согласны, что это было бы полезно.

[pmusaraj (Penar Musaraj)]

Да, как только коммит ниже попадёт в tests-passed, вы сможете сделать то, что планировали:

DEV: Allow replacing share icons separately (#14774)

(На попадание в tests-passed может уйти около часа.)

Итак, я добавил новые идентификаторы для иконок «Поделиться» в кнопках поста и темы, чтобы теперь их можно было изолировать в вызове API replaceIcon, например так:

api.replaceIcon('d-post-share', 'share-square');
api.replaceIcon('d-topic-share', 'share-square');

[cogdog (Alan Levine)]

Спасибо, спасибо! Я как раз пытался понять, почему имена классов для иконки кнопки «Поделиться» здесь, на Meta, отличаются от нашей актуальной версии Discourse.

[cogdog (Alan Levine)]

Увидел, что изменения прошли и стали доступны в обновлениях, и применил их на нашем сайте. Для сведения всем остальным: чтобы использовать иконку, её нужно добавить через admin -> settings -> svg icon subset, указав fa-share-square

Работает идеально. Наши иконки «Поделиться» изменились с:

на

Спасибо ещё раз.

[cogdog (Alan Levine)]

Уже готово! См. пост выше

Substitute Link Icon Only For Sharing

Yep, as soon as the commit below hits tests-passed, you can do what you are looking to do: (It might take an hour or so for that to hit tests-passed.) So I added new IDs for the share icons in the post and topic buttons, so you can isolate them now in the API replaceIcon call, like this: api.replaceIcon('d-post-share', 'share-square'); api.replaceIcon('d-topic-share', 'share-square'); [image]

Я смог обновить свой Discourse несколько часов назад, и новая функция уже там.

[anon73664359]

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

Позвольте мне заняться устранением неполадок…

[tachibanalolo]

Мне очень нравится это изменение. Что мне нужно сделать, чтобы изменить иконку?

[ondrej]

        api.replaceIcon('d-post-share', 'share-square');
        api.replaceIcon('d-topic-share', 'share-square');
    </script>

Просто добавьте это в свой header при редактировании темы

[cogdog (Alan Levine)]

Я обнаружил, что есть ещё один шаг: нужно сделать эту иконку Font Awesome доступной как SVG-иконку. В противном случае кнопка останется пустой после внесения изменений в тему заголовка.

@cogdog

для использования иконки её необходимо добавить через admin -> settings -> svg icon subset, указав fa-share-square

Мои настройки выглядят так:

[cogdog (Alan Levine)]

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

Вы поймёте, что обновление выполнено, если при инспекции кнопки в браузере вы увидите класс d-icon-d-post-share (до обновления класс был d-icon-link)

Вам нужно отредактировать заголовок вашей темы, как описано здесь: Substitute Link Icon Only For Sharing - #22 by ondrej