Menciones de citas

Puede haber un error aquí, habilitar esto (con el original deshabilitado) creó problemas para las cuentas sin acceso de administrador. No estoy seguro de qué entró en conflicto exactamente, pero algunos temas estaban ocultos y la navegación de Categorías/Etiquetas era completamente inutilizable para las cuentas no permisivas (TL1).

Esperaré la actualización de Arkshine.

2 Me gusta

Estoy viendo lo siguiente cuando actualicé hoy

[Aviso de administrador] El tema ‘Llamadas de cita’ contiene código que necesita ser actualizado. (id:discourse.widgets-decommissioned) (más información)

1 me gusta

He implementado una corrección, ¿puedes actualizar el componente e intentar usarlo? :folded_hands:

7 Me gusta

¡Funcionando bien hasta ahora!

2 Me gusta

Ahora hay un problema, los bloques de citas no se pueden contraer/expandir ahora

¿Le importaría pegar aquí un ejemplo reproducible o un enlace a su publicación en el foro (siéntase libre de enviarme un mensaje privado si lo prefiere)?

1 me gusta

Por supuesto, en la parte inferior de este tema

Aquí tienes una actualización que moderniza el componente y añade compatibilidad con el editor de texto enriquecido. :rocket:
Puede que necesite algunos ajustes o que existan casos límite imprevistos, pero creo que es un buen comienzo. :folded_hands:

En resumen

  • Añade compatibilidad con el editor de texto enriquecido (ver más abajo para una descripción general detallada)
  • Convierte la representación a un componente glimmer
  • Corrige el color CSS con avisos anidados
  • Corrige el color CSS con alias
  • La animación de plegado debería ser más fluida
  • Añade la configuración callout_transition_duration_ms (animación de plegado)
  • Añade el atajo Ctrl + q para insertar un aviso predeterminado. Funciona en ambos editores, y el atajo se añade al modal de Atajos de teclado.
Imágenes
![chrome_7HSSbReBtO|329x348](upload://x44lZiReC0DwVX61nmYnEJ8l56F.jpeg)
![chrome_YaDrphqvbV|690x266](upload://eaYci4Tmy03XmjjGSt5UwCrIgzY.jpeg)
  • Chat: Añade un botón en la barra de herramientas para insertar un aviso predeterminado
Imágenes
![chrome_CWig42tWHY|433x500](upload://gXfyvjhr6otlpueP2W2liyJYeKO.jpeg)
![chrome_TsyfsoA82R|291x373](upload://4Vm40cOz91iQbXbfludlYqySiii.jpeg)
![chrome_nWk7hUyRGr|445x181](upload://rWKCT35AfRkzY5vQtiOUwXaJ2Dp.jpeg)
  • Vista previa de Markdown: Añade la capacidad de cambiar el tipo haciendo clic en el icono
Imagen

Editor de texto enriquecido

¡Hablemos del editor de texto enriquecido y qué esperar!

Creación de avisos:

Tienes cuatro formas de insertar avisos:

  • Atajo de teclado
  • Barra de herramientas
  • Reglas de entrada
    • /callout<:tipo>
    • !!<tipo>
  • Soporte para pegar
Vídeo
![callout_creation|video](upload://tboRaXHnoh4SWetahIvIe11Wd0O.mp4)

Edición de avisos

Los controles para editar un aviso solo aparecen cuando lo has seleccionado previamente.

  • Selector de tipo
    Al hacer clic en el icono, aparecerá un menú flotante.
  • Título personalizado
    Soporta formato en línea y emojis
  • Plegado
    Establece los avisos como colapsables. Se puede acceder a ellos desde el menú de opciones.
    Vídeo

Organización de avisos

  • Controles de movimiento

    • Escritorio
      Hay un control que agarras para arrastrar y soltar el aviso.
    • Dispositivo táctil
      Mueves los avisos hacia arriba/abajo o los anidas en avisos adyacentes. Está deshabilitado por defecto para evitar la sobrecarga en la vista, ya que no es algo que vayas a hacer a menudo. Puedes activarlo/desactivarlo en las opciones.
    Vídeo

  • Navegación por teclado
    Esto ayuda a facilitar el movimiento dentro y fuera de los avisos anidados. Podría requerir algunos ajustes futuros para que el comportamiento sea consistente en esta versión.

    • Al comienzo del título, el selector de avisos se abrirá automáticamente.
    • Dentro del cuerpo de un aviso sin párrafo donde aterrizar, creará uno; si sales con contenido vacío, el párrafo se eliminará.
    • Enter Dentro del título mueve el cursor al cuerpo (y crea uno si es necesario).
    Vídeo

  • Clic para insertar

    • En áreas donde no hay un párrafo, puedes hacer clic dentro para abrir un párrafo.
    • Si lo prefieres, también puedes usar botones para abrir un párrafo dentro o fuera de un aviso.
      Vídeo

Posiblemente, más adelante, investigue:

  • autocompletado de reglas de entrada
  • mejorar el color usando CSS moderno, para asegurar la consistencia y visibilidad, especialmente en modo oscuro.
  • Deseo eliminar toda la configuración y centrarme primero en la simplicidad, con personalización avanzada solo con CSS, ¡pero ya es muy tarde para eso! :rofl:

Agradecimientos especiales a Moin por darme su opinión.

Eso es todo. Hacedme saber qué pensáis. ¡Los comentarios son muy bienvenidos!

7 Me gusta

He notado que diseñaste un efecto: si un cierto tipo tiene varios alias, al seleccionar el tipo en el editor de texto enriquecido, cada alias aparece como una opción y se posicionan consecutivamente.
Este es un buen diseño, pero parece que necesita una mayor expansión: si no se define ningún Título, mostrarán el tipo de llamada (callout), por lo que estas opciones consecutivas que comparten el mismo esquema de color final mostrarán diferentes nombres y títulos; sin embargo, si se define un Título, se mostrarán y usarán el mismo Título en la lista como cuando se crea realmente una Cita (Quote), lo cual es algo confuso.
Si esta extensión es difícil de implementar, creo que tal vez se podría proporcionar una casilla de verificación para evitar agregar entradas adicionales en la lista de selección de tipos que corresponden uno a uno con los alias cuando se define un Título. :slightly_smiling_face:

3 Me gusta

¡Tienes razón! Gracias por los comentarios, es bueno ver que la gente usa el TC.
De hecho, lo pensé en algún momento, ¡pero se me olvidó por completo arreglarlo! :grinning_face_with_smiling_eyes:
Trabajaré en una solución para filtrar la lista correctamente cuando se establece el título.

2 Me gusta

He enviado una corrección. ¡Avísame cómo va! :+1:

3 Me gusta

Acabo de probar la última versión, y ahora las que tienen un Título solo mostrarán una en la lista de selección de categoría, sin importar cuántos alias haya. :smiley:

3 Me gusta

Tengo el siguiente error, solo al usar la traducción en de*:

Captura de pantalla de un banner rojo que indica un error en Quote Callouts

Consola JS:

client-error-handler.js:109 [THEME 6 'Quote Callouts'] TypeError: Cannot set properties of undefined (setting 'callout_sample')
    at new po (callouts.gjs:30:19)
    at callouts.gjs:265:23
    at eK (plugin-api.gjs:3582:10)
    at Object.initialize (callouts.gjs:264:5)
    at i.initialize (app.js:304:28)
    at index.js:375:19
    at e.each (index.js:183:7)
    at e.walk (index.js:112:10)
    at e.each (index.js:59:20)
    at e.topsort (index.js:65:10)
    at ij._runInitializer (index.js:388:11)
    at ij.runInstanceInitializers (index.js:373:10)
    at l._bootSync (instance.js:111:22)
    at ij.didBecomeReady (index.js:780:18)
    at invoke (index.js:262:14)
    at m.flush (index.js:180:11)
    at g.flush (index.js:334:19)
    at Y._end (index.js:762:32)
    at Y._boundAutorunEnd (index.js:499:12)
h	@	client-error-handler.js:109

Ocurre en la última línea de esta cita:

class QuoteCallouts {
  constructor(owner, api) {
    [...]
    window.I18n.translations[
      window.I18n.fallbackLocale || "en"
    ].js.composer.callout_sample = ``;

* establece /u/<nombre de usuario>/preferences/interface “Idioma de la interfaz” en “Alemán (Deutsch)”

Parece que el error fue introducido en una de las últimas actualizaciones de Discourse entre 2026.3.0-latest y 2026.4.0-latest, pero no puedo identificar exactamente cuál. Actualmente estoy en 2026.4.0-latest 4b2c45376d y Quote Callout v0.0.1 9aa6548

2 Me gusta

Realmente pensé que este tipo de problema ya había sido solucionado.
¿El idioma del sitio está configurado en inglés (EE. UU.) por defecto, mientras que el idioma del usuario está configurado en alemán, ¿es correcto?

1 me gusta

¡Sí, eso solucionó el problema. ¡Gracias! <3

1 me gusta

Hola @Arkshine, ¡gracias por un excelente complemento!

¿Es posible usar el recuadro de llamada sin título en absoluto o solo con un icono?

2 Me gusta

No creo que puedas hacer eso en este momento, ¡pero pensaré en una forma de hacerlo en la próxima actualización!

Mientras tanto, hay un truco: inserta un espacio de ancho cero y debería funcionar :grinning_face_with_smiling_eyes:. Puedes copiarlo de esta página, por ejemplo: ​ U+200B ZERO WIDTH SPACE - Unicode Explorer


Avísame si eso te funciona.

4 Me gusta

¡Creo que sí funcionó! ¡Gracias! :heart_eyes:

2 Me gusta

¡Hola, @Arkshine :waving_hand:!

¿Es posible mantener el color original del recuadro de llamada al usar la función Ocultar detalles?

En el modo de editor de publicaciones, los colores originales se guardan, pero el fondo se vuelve gris después de guardar los cambios:

2 Me gusta

¡Gracias por el informe!
He aplicado una corrección. ¿Podrías actualizar el componente y comprobar si vuelve a ocurrir?

3 Me gusta