Alineación de imágenes y cuadrícula

Para ser honesto, esa no es una mala solución alternativa.

Probaré esta idea. Me pregunto si incluso usaríamos el ‘>’ entre conjuntos de imágenes si segregaría cada bloque de imagen/texto de carga. Probaré en mi sitio y proporcionaré comentarios.

2 Me gusta

¡Éxito!

Resultado

Se eliminaron los ‘br’ entre las imágenes. Usé 2 líneas de > pero sospecho que una sola entre las cuadrículas de imágenes funcionará bien como un salto de línea.

El salto de cita único “>” funciona.

2 Me gusta

Recibí un aviso de depreciación aquí:

Aviso de depreciación: el nombre del icono “arrows-alt-h” se ha actualizado a “left-right”. Utilice el nuevo nombre en su código. Los nombres antiguos se eliminarán en el segundo trimestre de 2025. [deprecation id: discourse.fontawesome-6-upgrade] [info: We're upgrading our icons to Font Awesome 6! ]

Quizás también se vean afectados otros iconos además de “arrows-alt-h”, aún no lo he comprobado.

2 Me gusta

Aquí tienes una PR rápida:

4 Me gusta

Siempre agradecido por tu ayuda, amigo mío, gracias :pray: :slight_smile:

4 Me gusta

Gracias arkshine por la rápida solución, acabo de actualizar. Gracias lilly por el componente tan genial, puedo usarlo para emular el estilo de un blog en una publicación con la opción central :+1:

3 Me gusta

Parece que hay código antiguo en este componente de tema. Recibo esta información de administrador con la última reconstrucción de Discourse:

[Nota de administrador] El tema ‘image-alignment’ contiene código que debe actualizarse. (ID:discourse.script-tag-discourse-plugin) (más información)

Y en la consola de desarrollo del navegador:

[TEMA 47 ‘image-alignment’] Aviso de obsolescencia: Agregar código JS usando <script type='text/discourse-plugin'> está obsoleto. Mueve este código a un archivo JavaScript dedicado. [id de obsolescencia: discourse.script-tag-discourse-plugin] [info: Modernizing inline script tags for templates & JS API]

3 Me gusta

Gracias, lo revisaré este fin de semana.

4 Me gusta

Estoy recibiendo el mismo mensaje

sí, simplemente descártalo. solo los administradores pueden verlo y aún no está roto. el componente solo necesita una actualización.

5 Me gusta

¡Permítanme comenzar agradeciéndoles, @Lilly, por este útil componente!

Tengo 2 preguntas:

  1. Dado que el mensaje de advertencia está relacionado con componentes que no funcionan correctamente en septiembre (si entiendo lo que sucederá entonces), ¿podrán actualizar el componente antes de esa fecha?
  2. Una de las cosas que el componente podría hacer, si es posible, es que cuando ya tenemos un montón de imágenes en el editor, podríamos seleccionarlas todas, hacer clic en el botón y las envolverá como un grupo. En este momento, las envuelve individualmente:

Por supuesto, podemos simplemente seleccionar, cortar, hacer clic en el botón, pegar, pero me preguntaba si sería posible evitar esos pasos adicionales y, por supuesto, si estarían interesados en hacer ese cambio.

De todos modos, esto ya ayuda mucho, el hecho de que no tenga que escribir [grid] y luego [/grid] todo el tiempo, así que gracias :slight_smile:


Acabo de enterarme de que al hacer clic en la cuadrícula de la primera imagen, ya envuelve todo muy bien con [grid] y [/grid]:

Sería bueno si este también fuera el comportamiento del ícono del componente, por supuesto, pero tener esto de forma nativa ya es útil.

3 Me gusta

Actualicé este componente para la API de JS modernizada. Cuando tenga un poco más de tiempo, intentaré mejorarlo un poco.

4 Me gusta