Eliminar guiones de los nombres de etiquetas

Personalización Componente temático
, ,
1
:discourse2: Resumen Eliminar los guiones (-) de los nombres de las etiquetas en la Lista de Temas y en la página del Tema
:eyeglasses: Vista previa Vista previa en Discourse Theme Creator
:hammer_and_wrench: Repositorio https://github.com/discourse/discourse-remove-dashes-from-tag-names
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente del tema

Características

Este componente del tema elimina los guiones de los nombres de las etiquetas dondequiera que se muestren en la interfaz de usuario.

ejemplo de etiquetas con el guión eliminado visualmente
ejemplo de etiquetas con el guión eliminado visualmente1584×546 23.6 KB

Dado que Discourse reemplaza los espacios en los nombres de las etiquetas con guiones, este componente del tema es útil para cambiar visualmente de nuevo guion → espacio en la visualización.


:discourse2: ¿Alojado por nosotros? Los componentes del tema están disponibles para su uso en nuestros planes Standard, Business y Enterprise.

14 Me gusta
How to remove Hyphen from tags?
Tag Style Tool
Get Error Oops The software powering this discussion forum encountered an unexpected problem after upgrade
Customizing your site with existing theme components
Tag Icons
9

7 publicaciones se dividieron en un nuevo tema: Guiones no eliminados de las etiquetas de la barra lateral

Dashes not removed from title tags
18

Esta imagen muestra una pantalla de computadora con un mensaje de error en vietnamita, que indica un fallo en la descarga de un archivo llamado "Tin dang Ban Ha Quan Gia". (Subtitulado por IA)
Esta imagen muestra una pantalla de computadora con un mensaje de error en vietnamita, que indica un fallo en la descarga de un archivo llamado "Tin dang Ban Ha Quan Gia". (Subtitulado por IA)1080×788 202 KB

Gracias por tu componente,
Quitar el guion del lateral de etiquetas está bien, ¿qué pasa con la etiqueta del título?
%{filter} %{tag} %{category}

19

Gracias por esto. Nunca entendí los guiones ahí :smiley:

20

La imagen muestra una pantalla de computadora que muestra una página web titulada "Mới nhất Bản - Nghệ chủ đẹ - Nhàsag" con su dirección y uso de memoria, como se ve en la interfaz de un navegador web. (Subtitulado por IA)
La imagen muestra una pantalla de computadora que muestra una página web titulada "Mới nhất Bản - Nghệ chủ đẹ - Nhàsag" con su dirección y uso de memoria, como se ve en la interfaz de un navegador web. (Subtitulado por IA)1080×501 67.7 KB

La imagen muestra un edificio blanco en una esquina de una calle con el subtítulo "Bán nha Phường Bến Nghé" rodeado y resaltado en rojo, lo que indica su ubicación en Phường Bến Nghé, Lê Thánh Tôn, HCMC. (Subtitulado por IA)
La imagen muestra un edificio blanco en una esquina de una calle con el subtítulo "Bán nha Phường Bến Nghé" rodeado y resaltado en rojo, lo que indica su ubicación en Phường Bến Nghé, Lê Thánh Tôn, HCMC. (Subtitulado por IA)1464×720 89.9 KB

Al componente de tema actual todavía le faltan muchas posiciones donde no se puede eliminar el guion del nombre de la etiqueta, especialmente el título del sitio web para que sea amigable para Google. ¿Puedes actualizarlo?

1 me gusta
21

Al habilitar este componente temático, también se eliminan los iconos de etiquetas de las etiquetas. Por lo tanto, hay un pequeño conflicto con este componente: Tag Icons

Además, como se dijo anteriormente, faltan algunas eliminaciones de esos molestos guiones en algunos lugares.

1 me gusta
22

Este script reemplaza este componente por un tiempo

function replaceTextNodes(node) {
    node.childNodes.forEach(child => {
      if (child.nodeType === Node.TEXT_NODE) {
        child.textContent = child.textContent
          .replace(/-E-/gi, ' & ')
          .replace(/-/g, ' ');
      } else {
        replaceTextNodes(child);
      }
    });
  }

  api.onPageChange(() => {

    document.querySelectorAll('.discourse-tag.box').forEach(tag => {
      replaceTextNodes(tag);
    });
    
    document.querySelectorAll('#sidebar-section-content-tags .sidebar-section-link-content-text').forEach(tag => {
      replaceTextNodes(tag);
    });
  });
1 me gusta
23

Quería venir y tomar nota de esto también, con una solicitud para actualizar este componente para la interoperabilidad. El script de Sammy funciona lo suficientemente bien como para que pueda ser presentado como PR y optimizado para su inclusión.