Symbole global ändern

Dokumentation Entwicklerhandbücher
22

Ja, befolgen Sie diese Anleitung: Replace Discourse's default SVG icons with custom icons in a theme

2 „Gefällt mir“
23

Bitte aufwerten. Ich habe die gleiche Frage.

Standardmäßig verwendet Discourse das Link-Symbol am unteren Rand eines Beitrags als „Teilen“-Button (es ist mehr als nur ein Link, es bietet auch die Möglichkeit, Inhalte in sozialen Medien zu teilen), doch dasselbe Symbol wird im Editor zum Bearbeiten eines Links verwendet.

Diese sollten wirklich unterschiedlich sein, da sie unterschiedliche Funktionen erfüllen. ODER falls jemand eine Möglichkeit kennt, die globale Änderung im Beitragseditor zu überschreiben, wäre ich dafür dankbar.

2 „Gefällt mir“
24

Kürzlich wurde das Like-Symbol von „Herz

1 „Gefällt mir“
25

Versuche auch folgendes hinzuzufügen:

api.replaceIcon('notification.liked_consolidated', 'book-reader');

1 „Gefällt mir“
26

Danke für die Antwort, Daniela!

Habe es hinzugefügt, aber es hat sich nichts geändert. Das Herz erscheint immer noch als Benachrichtigungssymbol.

   <script type="text/discourse-plugin" version="0.8">
        api.replaceIcon('d-unliked', 'book-reader');
        api.replaceIcon('d-liked', 'book-reader');
        api.replaceIcon('heart', 'book-reader');
        api.replaceIcon('new read', 'book-reader');
        api.replaceIcon('d-icon-heart', 'book-reader');
        api.replaceIcon('notification.liked', 'book-reader');  
        api.replaceIcon('notification.liked_2', 'book-reader');  
        api.replaceIcon('notification.liked_many', 'book-reader');  
        api.replaceIcon('notification.liked_consolidated', 'book-reader');  

    </script>

Abgesehen von diesem Fall wurde das Herz-Symbol überall durch das book-reader-Symbol ersetzt.

Ich dachte, es könnte ein Symbolkonflikt sein, also habe ich von „book-reader“ auf „pencil“ geändert, da ich weiß, dass Benachrichtigungen dieses Symbol verwenden können. Hat nicht funktioniert, immer noch ein Herz.

Hast du eine Idee?

27

Ich habe versucht, das envelope-Symbol durch das inbox-Symbol zu ersetzen, aber die Änderungen werden nicht auf die Symbole im Benutzer-Menü-Panel angewendet. Müssen sie auf eine bestimmte Weise angesprochen werden?

Mein Snippet:

// {theme}/javascripts/discourse/api-initializers/init-theme.gjs

import { apiInitializer } from "discourse/lib/api";

export default apiInitializer((api) => {
  api.replaceIcon("envelope", "inbox");
});
28

Hallo @jrgong :waving_hand:

Hier finden Sie die Icon-Ersetzungen, die die Benachrichtigungen enthalten.

Fügen Sie diese Zeile zu Ihrem Snippet hinzu:

api.replaceIcon("notification.private_message", "inbox");
1 „Gefällt mir“