Aperçu de la position de l'éditeur

[Alteras (Steven Chang)]

	Résumé	Permet à l’utilisateur de repositionner et de redimensionner l’aperçu dans le compositeur pour Discourse.
	Dépôt	GitHub - Alteras1/discourse-editor-preview-position: Discourse theme component for users to reposition and resize the preview
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau aux thèmes Discourse ?	Guide pour débutants sur l’utilisation des thèmes Discourse

← Remplissez "repoName" et "repoURL" pour le bouton d’installation automatique →

Installer ce composant de thème

Permet à l’utilisateur de repositionner et de redimensionner l’aperçu dans le compositeur pour Discourse. Double-cliquez sur la barre de glissement pour repositionner la séparation au centre.

Aperçu en plein écran

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)

Ajoute également la possibilité de styliser le compositeur dans le même style que la vue plein écran.

Paramètres

Bouton d’aperçu dans la barre supérieure

Déplace le bouton d’aperçu vers la barre supérieure. Par défaut : true

Captures d'écran

non plein écran :

plein écran :

Autoriser les aperçus haut/bas

Permet à l’aperçu d’être positionné au-dessus/en dessous de l’éditeur. Par défaut : true

Captures d'écran

Autoriser les aperçus horizontaux redimensionnables

Permet aux aperçus d’être redimensionnables le long de l’axe horizontal. Par défaut : true

Autoriser les aperçus verticaux redimensionnables

Permet aux aperçus d’être redimensionnables le long de l’axe vertical. Par défaut : true

Style de compositeur propre

Modifie le style du compositeur pour qu’il corresponde davantage au style du compositeur en plein écran. Par défaut : false.

Captures d'écran

Captures d’écran du style dans différentes orientations.

Ce paramètre est davantage une préférence personnelle. Pendant le développement de ce composant de thème, j’ai trouvé que les différences entre l’éditeur en plein écran et l’éditeur non plein écran étaient gênantes. Par conséquent, j’ai ajouté ce style pour aider à créer une expérience plus « unifiée ». Par défaut, il est désactivé.

Compatibilité et notes

Ne fonctionne qu’avec Discourse v3.2.0 et supérieur en raison de l’utilisation de la fonction api.renderInOutlet() et des nouveaux composants Glimmer.

Étant donné que l’aperçu côte à côte ne se produit que dans les vues de bureau, ce composant de thème ne s’applique qu’aux vues de bureau.

De même, comme l’éditeur de texte enrichi n’a pas d’aperçu séparé, ce composant est désactivé en mode RTE.

Le thème que j’utilise dans mes captures d’écran est le thème Graceful.

[Heliosurge (Dan DeMontmorency)]

Très bien. Je suis sûr que les membres apprécieront cela !

[Monikas (JustMonika)]

Modifier la verticale provoquera un bug

[Alteras (Steven Chang)]

Merci pour le rapport ! J’ai publié un correctif.

Fix vertical preview not capping with new topic composer

Hmm… Je viens de réaliser que la barre de glissement se trouve entre la barre d’outils et les champs du nouveau sujet… Je ne sais pas trop ce que j’en pense…

[Lilly (Lillian Louis)]

Je viens de l’installer sur mon forum de test. J’aime beaucoup ça. Merci d’avoir partagé

[jordan.vidrine]

C’est super sympa, merci de partager !

[Lilly (Lillian Louis)]

Je voulais juste poster à nouveau pour dire à quel point j’aime ce composant. Je fais une grande partie de mon travail quotidien sur ma propre instance et cela a considérablement amélioré mon expérience utilisateur de Discourse. J’aime beaucoup le compositeur plus large avec l’aperçu en haut pour mon grand écran de moniteur de bureau. J’ai l’impression que l’adaptation de cette vue pour mobile pourrait être possible (bien que le clavier mobile ait peut-être son mot à dire à ce sujet), donc je pourrais le forker et essayer quand j’aurai un peu de temps libre (c’est-à-dire : presque jamais lol).

Excellent travail et merci encore de partager cela.

[MihirR (Mihir)]

Est-ce principalement conçu pour le bureau ?

[Alteras (Steven Chang)]

Oui, il a été conçu pour les ordinateurs de bureau.