Presentamos nuestro nuevo compositor, facilitando la escritura en Discourse como nunca antes

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

En este tema, compartiremos más información sobre el editor, cómo funciona y cómo puedes habilitarlo en tu comunidad con solo unos pocos 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, especialmente aquellos que tienen menos conocimientos técnicos o 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 en la barra de herramientas, pero el formato se renderiza de inmediato para ofrecer 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 muchos usuarios de Discourse aman el editor Markdown actual y disfrutan de su experiencia de escritura predecible y directa. El nuevo editor es un «modo» del editor que coexiste con el modo Markdown existente, por lo que tú y tus miembros pueden elegir el estilo de escritura que mejor funcione para ustedes.

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

  • Todo el formato básico, compatible con Markdown (**negrita**), utilizando atajos de teclado comunes (Comando + B) y mediante iconos de la barra de herramientas.

  • Soporte para funciones avanzadas como crear tablas, encuestas, insertar fecha/hora, agregar secciones de detalles ocultos, agregar secciones de spoiler difuminadas, subir archivos/imágenes/videos, renderizar enlaces como oneboxes, estilizar menciones de categoría/etiqueta/usuario, citar contenido e insertar notas al pie.

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

  • Interfaz de usuario dedicada para imágenes para redimensionar, agregar subtítulos o eliminar imágenes

Sin embargo, hay algunas áreas en las que aún estamos trabajando, como facilitar la edición de tablas y encuestas. Continuaremos trabajando para lograr la paridad de funciones entre los modos del editor y te animamos a compartir #contribute:solicitudes de funciones sobre qué características y capacidades son más importantes para ti, lo que nos ayudará a priorizar nuestro trabajo. Mientras tanto, siempre puedes volver al modo Markdown para cubrir necesidades avanzadas.

:hammer: Cómo lo construimos

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

:gear: Activar el nuevo editor

El editor enriquecido está habilitado de forma predeterminada para todas las comunidades. Cuando tú o tus miembros abran el editor, notarán un interruptor en la barra de herramientas. Esto les permite cambiar entre el modo clásico solo de Markdown y el nuevo editor de texto enriquecido.

CleanShot 2025-06-11 at 15.45.35


Actualización: si prefieres que a tus miembros se les muestre el editor Markdown de forma predeterminada:

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