Presentamos nuestro nuevo compositor, haciendo que escribir en Discourse sea más fácil que nunca

Uno de nuestros principales proyectos este año ha sido el desarrollo de un nuevo modo de edición de texto enriquecido para el compositor, que hace que escribir en Discourse sea más familiar e intuitivo. El nuevo compositor ha estado disponible aquí en Meta y como configuración experimental durante algún tiempo, ¡pero hemos llegado al punto en que estamos emocionados de eliminar la etiqueta experimental e invitar a su comunidad a probarlo!

En este tema, compartiremos más sobre el compositor, cómo funciona y cómo puede hacerlo disponible en su comunidad con solo un par de clics.

:writing_hand: Un nuevo editor de texto enriquecido para Discourse

El nuevo editor de texto enriquecido simplifica la experiencia de escritura para los usuarios de Discourse, particularmente para aquellos que son menos expertos en tecnología o que no están familiarizados o cómodos escribiendo en Markdown. El editor de texto enriquecido admite Markdown, así como otros atajos de teclado comunes y ajustes de formato de la barra de herramientas, pero el formato se renderiza inmediatamente para una experiencia WYSIWYG (“lo que ves es lo que obtienes”) similar a herramientas familiares como Google Docs y Notion.

:thought_balloon: El futuro de Markdown

Sabemos que a muchos usuarios de Discourse les encanta el compositor de Markdown actual y disfrutan de su experiencia de escritura predecible y sencilla. El nuevo editor es un “modo” de compositor que se encuentra junto al modo Markdown existente, por lo que usted y sus miembros pueden elegir el estilo de escritura que mejor les funcione.

La mayoría de las cosas que ha estado haciendo en el compositor Markdown clásico ahora son compatibles en el editor de texto enriquecido, que incluyen:

  • Todo el formato básico, compatible en Markdown (**negrita**), usando atajos de teclado comunes (Ctrl + B) y a través de iconos de la barra de herramientas.

  • Soporte para funciones avanzadas como la creación de tablas, la creación de encuestas, la inserción de fecha/hora, la adición de secciones de detalles ocultos, la adición de secciones de spoiler difuminado, la carga de archivos/imágenes/videos, la representación de enlaces como oneboxes, el estilo de menciones de categorías/etiquetas/usuarios, la cita de contenido y la inserción de notas al pie.

  • Interfaz de usuario de enlace dedicada para visitar, editar, copiar, titular o eliminar enlaces

  • Interfaz de usuario de imagen dedicada para cambiar el tamaño, agregar subtítulos o eliminar imágenes

Sin embargo, hay algunas áreas en las que todavía estamos trabajando, como facilitar la edición de tablas y encuestas. Continuaremos trabajando para lograr la paridad de funciones entre los modos del compositor y lo alentamos a compartir solicitudes de #características sobre qué funciones y capacidades son más importantes para usted para ayudarnos a priorizar nuestro trabajo. Mientras tanto, siempre puede volver al modo Markdown para atender necesidades avanzadas.

:hammer: Cómo lo construimos

Nuestra implementación se basa en el excelente ProseMirror y su módulo Markdown no principal, utilizando el esquema, el análisis y las definiciones de serialización del módulo como base para funciones adicionales específicas de Discourse.

:gear: Activando el nuevo compositor

El editor enriquecido está habilitado por defecto para todas las comunidades. Cuando usted o sus miembros abran el compositor, notarán un interruptor en la barra de herramientas. Esto les permite cambiar entre el modo clásico solo Markdown y el nuevo editor de texto enriquecido.

CleanShot 2025-06-11 at 15.45.35


Actualización: si prefiere que a sus miembros se les muestre el compositor de Markdown por defecto:

45 Me gusta

Buenas noticias. ¿Hay alguna funcionalidad en la hoja de ruta que ya esté presente en todos los editores enriquecidos? ¿Texto de color? Dado que markdown no admite texto de color, esto se puede lograr mediante complementos de CSS. Alternativamente, puede haber otras opciones que desconocemos.

3 Me gusta

¿Hay alguna configuración para determinar qué editor es el predeterminado después de eso? Gracias.

4 Me gusta

Todavía no, pero planeamos añadir una.

12 Me gusta

Cuando presionas el botón de “tamaño de texto” (que no parece estar aquí en este sitio, pero sí en el mío), obtienes este error

Tampoco veo la “interfaz de imagen” en la publicación.

¡He estado esperando ansiosamente la opción de escalar imágenes y me encanta la simplicidad de esto!

8 Me gusta

es una personalización que necesitaría actualizarse para ser compatible con el nuevo editor, ¿quizás estás usando un componente de tema como Composer Button Bonanza? (probablemente haya otros)

¿has actualizado Discourse recientemente? si es así, tienes que hacer clic en la imagen en el compositor para verla

3 Me gusta

Creo que este podría ser el plugin oficial de bbcode, recuerdo que tenía todo tipo de cosas como soporte para color y tamaño.

4 Me gusta

Mis sugerencias:

  1. Me gusta escribir con markdown (¿quizás me acostumbré?), pero cuando uso la versión de markdown, no me gusta la nueva fuente monoespaciada, así que para mí, no tiene sentido incluir el editor enriquecido en mi comunidad (ya que probablemente seré yo quien escriba más). Dicho esto, esto podría ser una configuración que un usuario podría habilitar/deshabilitar. Por ejemplo, si la deshabilito, siempre obtengo solo la versión de markdown, por lo que mantengo la fuente “normal” (no la monoespaciada). Si la habilito, entonces obtengo lo que se ha implementado. Como administrador, puedo habilitarla para la comunidad, pero cada usuario podría habilitarla/deshabilitarla. O bien, cada usuario podría decidir qué fuente usar en la versión de markdown.
  2. Me resulta un poco molesto que cuando el editor enriquecido está habilitado, todo el editor se redimensiona y se mueve. Especialmente si voy a usar ambas versiones indistintamente (sé que lo haré), que la ventana se redimensione cada vez que hago clic en el interruptor, me resulta molesto. Entiendo que con el editor enriquecido no necesitamos el panel de vista previa adicional a la derecha, pero aun así… ¿quizás ese espacio podría usarse para otra cosa?
  3. Este es solo un detalle menor, pero si el redimensionamiento se mantiene, se siente raro que el editor esté alineado en el medio de la página, pero en comparación con el área del tema, no está alineado y, por lo tanto, me parece extraño a la vista:

Para ser honesto, todavía no estoy convencido de que usaré esta función. Puedo ver cómo eventualmente podría ser útil, pero en este momento siempre tengo esa sensación de “picazón” cuando pienso en usarla.

4 Me gusta

Un usuario probó algo de código HTML y no se renderizó en modo WYSIWYG; todo lo que sucedió fue que el texto HTML se colocó en una caja. Cuando vuelves a cambiar a markdown, ves el resultado correcto en el panel de vista previa. ¿Se supone que debe mostrar los resultados del HTML o necesitas volver a markdown para obtener una vista previa?


Artículo de Wiki en construcción

Por favor, permita que el creador trabaje en esto según sus posibilidades. Puede ofrecer ayuda o consejo respondiendo, pero no lo edite sin permiso.


`
2 Me gusta

Eso es intencional, el soporte HTML complejo solo se realiza a través del bloque HTML “passthrough”, como viste.



<hr>
<h2 style="color:red;">Artículo de Wiki en construcción</h2>
<p> Por favor, permita que el creador trabaje en esto según le sea posible. Siéntase libre de ofrecer ayuda o consejo respondiendo, pero no lo edite sin permiso.
</p>
<hr>

Considerando que el style es eliminado por el sanitizador, ¿por qué no escribir esto?

---
## Artículo de Wiki en construcción

Por favor, permita que el creador trabaje en esto según le sea posible. Siéntase libre de ofrecer ayuda o consejo respondiendo, pero no lo edite sin permiso.
---
2 Me gusta

He estado probando el nuevo editor en nuestro foro y me gusta mucho, pero durante las pruebas me he encontrado con un comportamiento extraño que no sé si es intencionado o no.

Al citar a alguien usando el editor antiguo, el diseño es correcto y el cursor aparece debajo de la cita:

Sin embargo, ya sea usando el nuevo por defecto o cambiándolo durante la redacción de una respuesta, el cursor salta automáticamente al final del texto citado:

Si escribes algo, se cuenta como parte de la cita e intentando responder, aparece el error de publicación:

Si esto es por defecto, podemos informar a nuestros usuarios, solo quería asegurarme si es el nuevo comportamiento al citar a usuarios con el nuevo editor.

Gracias.

1 me gusta

No es intencional, tenemos una tarea interna para mejorar este comportamiento en particular.

3 Me gusta

Hola :waving_hand: Gracias, ¡esto es genial :heart_eyes:!

He notado que todavía no admite la etiqueta [wrap]Hello[/wrap] y he recibido este mensaje al intentar usarla.

El tipo de token wrap_open no es compatible con el analizador de Markdown.

2 Me gusta

No creo que haya un plan para soportar un nodo genérico de “envoltura”, ¿cómo se vería? ¿Solo un div?

¿O hay un [wrap=algo] que esperas usar con el nuevo compositor?

2 Me gusta

¿dónde viste este mensaje de error? Mi instancia simplemente omite el BBcode



se convierte en


Hola

Usamos algunos componentes temáticos como Discourse Icon y Discourse Stickers.

Creo que puedo hacer el componente de pegatinas sin envolver porque es solo para el objetivo y añadir algo de estilo a la pegatina.

Pégalo en el lado del Editor de Texto Enriquecido o cambia desde el lado de Markdown si lo pegaste allí.

2 Me gusta

No obtengo el error, pero el BBcode permanece allí. No hay vista previa en el escritorio, cuando se selecciona el editor de texto enriquecido.



eso fue en el hash de confirmación de Discourse última versión +269

y

hash de confirmación de BBcode 1fbff6b1

Esto funciona según lo previsto, el BBCode escrito se escapa intencionalmente (= se muestra como texto) si no se reconoce o implementa todavía, que es el caso.

¿Te funcionaría esto?:

.d-editor-container .d-editor-textarea-wrapper textarea.d-editor-input {
    font-family: var(--font-family);
}

3 Me gusta