Vista previa de la posición del editor

[Alteras (Steven Chang)]

	Resumen	Permite al usuario reposicionar y cambiar el tamaño de la vista previa en el compositor para Discourse.
	Repositorio	GitHub - Alteras1/discourse-editor-preview-position: Discourse theme component for users to reposition and resize the preview
	Guía de Instalación	Cómo instalar un tema o componente de tema
	¿Nuevo en Temas de Discourse?	Guía para principiantes sobre el uso de temas de Discourse

← Rellena “repoName” y “repoURL” para el botón de instalación automática →

Instalar este componente de tema

Permite al usuario reposicionar y cambiar el tamaño de la vista previa en el compositor para Discourse. Haz doble clic en la barra de arrastre para reposicionar la división en el centro.

Vista previa a pantalla completa

https://github.com/Alteras1/discourse-editor-preview-position/raw/main/.github/images/editor-preview-position-fullscreen.gif

https://github.com/Alteras1/discourse-editor-preview-position/raw/main/.github/images/editor-preview-position-fullscreen.gif(image larger than 10 MB)

También añade la opción de estilizar el compositor con el mismo estilo que la vista a pantalla completa.

Ajustes

Botón de Vista Previa en la Barra Superior

Mueve el botón de vista previa a la barra superior. Por defecto: true

Capturas de pantalla

no pantalla completa:

pantalla completa:

Permitir Vistas Previas Arriba/Abajo

Permite que la vista previa se posicione encima/debajo del editor. Por defecto: true

Capturas de pantalla

Permitir Vistas Previas Horizontales Redimensionables

Permite que las vistas previas sean redimensionables a lo largo del eje horizontal. Por defecto: true

Permitir Vistas Previas Verticales Redimensionables

Permite que las vistas previas sean redimensionables a lo largo del eje vertical. Por defecto: true

Estilo Limpio del Compositor

Altera el estilo del compositor para que coincida más estrechamente con el estilo del compositor a pantalla completa. Por defecto: false.

Capturas de pantalla

Capturas de pantalla del estilo en diferentes orientaciones.

Este ajuste es más una preferencia personal. Durante el desarrollo de este componente de tema, encontré que las diferencias entre el editor a pantalla completa y el no a pantalla completa eran molestas. Como tal, añadí este estilo para ayudar a crear una experiencia más “unificada”. Por defecto está desactivado.

Compatibilidad y Notas

Solo funciona en Discourse v3.2.0 y superior debido al uso de la función api.renderInOutlet() y los nuevos componentes de Glimmer.

Dado que la vista previa lado a lado solo ocurre en vistas de escritorio, este componente de tema solo se aplica a vistas de escritorio.

Del mismo modo, como el Editor de Texto Enriquecido no tiene una vista previa separada, este componente está deshabilitado en modo RTE.

El tema que estoy usando en mis capturas de pantalla es el tema Graceful.

[Heliosurge (Dan DeMontmorency)]

Muy bien. ¡Seguro que los miembros lo agradecerán!

[Monikas (JustMonika)]

Modificar lo vertical causará un error

[Alteras (Steven Chang)]

¡Gracias por el informe! He implementado una solución.

Fix vertical preview not capping with new topic composer

Hmm… Me acabo de dar cuenta de que la barra de arrastre está entre la barra de herramientas y los campos del nuevo tema… No estoy seguro de qué pensar…

[Lilly (Lillian Louis)]

Acabo de instalarlo en mi foro de prueba. Me gusta bastante. Gracias por compartir

[jordan.vidrine]

¡Esto es súper bonito, gracias por compartir!

[Lilly (Lillian Louis)]

Solo quería publicar de nuevo sobre cuánto me gusta este componente. Hago gran parte de mi trabajo diario en mi propia instancia y ha mejorado inmensamente mi propia experiencia de usuario de Discourse. Me gusta mucho el compositor más ancho con el previsualizador en la parte superior para mi monitor de escritorio de pantalla más grande. Siento que adaptar esa vista para dispositivos móviles podría ser posible (aunque el teclado móvil puede tener algo que decir al respecto), así que podría bifurcarlo y probarlo cuando tenga algo de tiempo extra (es decir, ¡casi nunca, jajaja!).

Buen trabajo y gracias de nuevo por compartir esto.

[MihirR (Mihir)]

¿Es esto principalmente para escritorio?

[Alteras (Steven Chang)]

Sí, fue diseñado para escritorio.