Nur Link-Symbol als Ersatz für Teilen

[cogdog (Alan Levine)]

Ich finde diesen Teil der Discourse-Oberfläche verwirrend. Im Editor wird das Link-Symbol zum Einfügen eines Hyperlinks verwendet (das ergibt Sinn, das sollte es sein und entspricht 99 % aller anderen Schnittstellen).

Beim Anzeigen eines Beitrags wird dasselbe Symbol jedoch für den Link/das soziale Teilen verwendet.

Eigentlich würde es hier mehr Sinn machen, ein bekannteres Teilen-Symbol zu verwenden .

Eine Weile habe ich den API-Ansatz verwendet, um das Symbol zu ändern:

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

Dadurch ändert sich jedoch auch das Symbol im Editor, sodass es keinen Sinn ergibt, ein Teilen-Symbol zum Einfügen eines Hyperlinks zu verwenden. Es wäre hilfreich, wenn es separate API-Aufrufe gäbe, um auf die beiden Kontexte für diese Schaltfläche zu verweisen, damit ich das Symbol als Teilen-Link-Symbol ersetzen könnte, aber nicht als Einfüge-Link-Symbol.

??? (Mein Wissen darüber, wie Discourse intern funktioniert, ist größtenteils oberflächlich)

[Falco]

@cogdog

Aber dadurch ändert sich das Symbol im Editor, sodass es keinen Sinn ergibt, ein Freigabe-Symbol zu verwenden, um das Einfügen eines Hyperlinks darzustellen. Es wäre hilfreich, wenn es separate API-Aufrufe gäbe, um die beiden Kontexte für diese Schaltfläche zu referenzieren, damit ich ein Freigabe-Link-Symbol, aber kein Einfüge-Link-Symbol verwenden könnte.

Dies würde eine Änderung an Discourse erfordern. Wir müssten dieses Symbol intern duplizieren, während beide Versionen standardmäßig dasselbe Symbol verwenden, damit nachgelagerte Benutzer jeweils gezielt ansprechen und ändern können.

[cogdog (Alan Levine)]

Noch einmal: Ich suche nicht nach einer Icon-Datei! Ich kann auf meiner Website jedes beliebige Icon verwenden.

Was ich möchte, ist eine Methode in Discourse, wie in der Anleitung zum Überschreiben eines Icons über die API beschrieben, um das Button-Icon zum Teilen eines Beitrags zu ändern, ohne das Icon für den „Hyperlink einfügen"-Button im Editor anzupassen.

[supermathie (Michael Brown)]

Wir prüfen die Machbarkeit, genau das zu tun, und sind der Ansicht, dass dies nützlich wäre.

[pmusaraj (Penar Musaraj)]

Ja, sobald der folgende Commit tests-passed erreicht, kannst du das tun, was du vorhast:

DEV: Allow replacing share icons separately (#14774)

(Das könnte etwa eine Stunde dauern, bis tests-passed erreicht ist.)

Ich habe also neue IDs für die Teilen-Symbole in den Post- und Topic-Buttons hinzugefügt, sodass du sie jetzt im API-Aufruf replaceIcon gezielt ansprechen kannst, wie hier:

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

[cogdog (Alan Levine)]

Vielen Dank, vielen Dank! Ich habe gerade versucht herauszufinden, warum die Klassennamen für das Teilen-Button-Symbol hier bei Meta von unserer aktuellsten Discourse-Version abweichen.

[cogdog (Alan Levine)]

Ich habe die Änderung gesehen, die über Updates verfügbar wurde, und sie auf unserer Seite getestet. Als Hinweis für alle anderen: Um das Symbol zu verwenden, muss es über Admin → Einstellungen → SVG-Symbol-Teilmenge mit fa-share-square hinzugefügt werden.

Es hat perfekt funktioniert. Unsere Teilen-Symbole waren vorher so:

und sind jetzt so:

Nochmals vielen Dank.

[cogdog (Alan Levine)]

Das ist bereits erledigt! Siehe Beitrag oben.

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]

Ich konnte mein Discourse vor Stunden aktualisieren, und das neue Feature ist bereits vorhanden.

[anon73664359]

Das ist interessant. Ich habe gerade versucht, meine eigene Discourse-Instanz zu aktualisieren, aber ich sehe es immer noch nicht.

Entschuldigen Sie mich kurz, während ich das Problem untersuche…

[tachibanalolo]

Ich liebe diese Änderung wirklich. Was muss ich tun, um das Symbol zu ändern?

[ondrej]

<script type="text/discourse-plugin" version="0.8">
        api.replaceIcon('d-post-share', 'share-square');
        api.replaceIcon('d-topic-share', 'share-square');
    </script>

Füge dies einfach in deinen header ein, wenn du ein Theme bearbeitest.

[cogdog (Alan Levine)]

Ich habe festgestellt, dass noch ein weiterer Schritt erforderlich ist: Du musst dieses Font-Awesome-Symbol als SVG-Symbol verfügbar machen. Andernfalls bleibt der Button nach den Anpassungen am Header-Theme leer.

@cogdog

Die Verwendung des Symbols erfordert, dass es über Admin -> Einstellungen -> SVG-Symbol-Subset mit fa-share-square hinzugefügt wird.

Meine Einstellungen sehen wie folgt aus:

[cogdog (Alan Levine)]

Das Update ändert nichts außer dem Klassennamen für das Symbol des „Teilen"-Buttons, sodass Sie sofort keine Unterschiede bemerken werden. Standardmäßig bleibt das gleiche Link-Symbol wie zuvor erhalten (link).

Sie können feststellen, dass das Update abgeschlossen ist, wenn Sie den Button in Ihrem Browser inspizieren und dieser die Klasse d-icon-d-post-share enthält (vor dem Update war die Klasse d-icon-link).

Sie müssen Ihren Theme-Header wie hier beschrieben bearbeiten: Substitute Link Icon Only For Sharing - #22 by ondrej