Bonjour, j’aimerais vous interroger sur la possibilité d’autoriser la personnalisation des icônes qui n’effectue pas un remplacement global d’icônes. Par exemple, si je voulais changer l’icône plus + en icône de papier avion juste pour envoyer un message, je finirais par remplacer toutes les icônes + sur le site, à moins que je n’aie manqué cette option dans la documentation. J’aimerais vraiment avoir la possibilité d’identifier un ID/Classe ou un élément où je pourrais remplacer spécifiquement l’icône.
1 « J'aime »
Avec CSS, vous pouvez cibler et remplacer une instance spécifique d’une icône.
Ce sujet semble contenir des informations :
J’ai essayé cela et cela ne fonctionne pas, du moins pas avec l’installation récente de Discourse que j’ai. Deuxièmement, cela ne semble pas remplacer une seule instance d’icône car cela remplacera toutes les icônes en fonction du sélecteur d’icônes spécifié.
Actuellement, c’est ainsi que je remplace l’icône « nouveau sujet »
api.onPageChange(() => {
const button = document.querySelector("#create-topic");
if (button) {
const oldSvg = button.querySelector("svg");
if (oldSvg) {
oldSvg.remove();
}
const ns = "http://www.w3.org/2000/svg";
const svg = document.createElementNS(ns, "svg");
svg.setAttribute("xmlns", ns);
svg.setAttribute("viewBox", "10 10 30 30");
svg.setAttribute("width", "28");
svg.setAttribute("height", "28");
svg.setAttribute("class", "svg-icon custom-icon");
svg.innerHTML = `
(code de l'icône svg ici)
`;
button.insertBefore(svg, button.firstChild);
}
});
Bien que je puisse reproduire cela pour les zones que je veux, cela ne fonctionne pas très bien sur les icônes du compositeur, ce que j’ai dû faire un remplacement global d’icônes, comme le mentionne le lien que vous avez partagé.
Ce n’est pas possible pour le moment, sauf dans certains cas spéciaux.
Ce sujet est une demande en double, je vais donc fermer celui-ci en faveur de Change single instance of icon, qui contient également un exemple d’ajout d’une icône via CSS.
N’hésitez pas à voter pour celui-ci et à y ajouter plus de détails si nécessaire !
3 « J'aime »
Doublon de Change single instance of icon