Editor-Vorschauposition

[Alteras (Steven Chang)]

	Zusammenfassung	Ermöglicht dem Benutzer, die Vorschau im Editor für Discourse neu zu positionieren und ihre Größe zu ändern.
	Repository	GitHub - Alteras1/discourse-editor-preview-position: Discourse theme component for users to reposition and resize the preview
	Installationsanleitung	So installieren Sie ein Theme oder eine Theme-Komponente
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

← Füllen Sie "repoName" und "repoURL" für die automatische Installationsschaltfläche aus →

Installieren Sie diese Theme-Komponente

Ermöglicht dem Benutzer, die Vorschau im Editor für Discourse neu zu positionieren und ihre Größe zu ändern. Doppelklicken Sie auf die Ziehleiste, um die Teilung in der Mitte zu positionieren.

Vollbild-Vorschau

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)

Fügt auch die Option hinzu, den Editor im gleichen Stil wie die Vollbildansicht zu gestalten.

Einstellungen

Vorschau-Schaltfläche in der oberen Leiste

Verschiebt die Vorschau-Schaltfläche in die obere Leiste. Standard: true

Screenshots

nicht im Vollbildmodus:

Vollbildmodus:

Vorschauen oben/unten zulassen

Ermöglicht die Positionierung der Vorschau über/unter dem Editor. Standard: true

Screenshots

Größenveränderbare horizontale Vorschauen zulassen

Ermöglicht die Größenänderung der Vorschauen entlang der horizontalen Achse. Standard: true

Größenveränderbare vertikale Vorschauen zulassen

Ermöglicht die Größenänderung der Vorschauen entlang der vertikalen Achse. Standard: true

Clean Composer Stil

Ändert den Stil des Editors, um dem Stil des Vollbild-Editors besser zu entsprechen. Standard: false.

Screenshots

Screenshots des Stils in verschiedenen Ausrichtungen.

Diese Einstellung ist eher eine persönliche Präferenz. Während der Entwicklung dieser Theme-Komponente stellte ich fest, dass die Unterschiede zwischen dem Vollbild- und dem Nicht-Vollbild-Editor ablenkend waren. Daher habe ich diese Formatierung hinzugefügt, um ein "einheitlicheres" Erlebnis zu schaffen. Standardmäßig ist sie deaktiviert.

Kompatibilität & Hinweise

Funktioniert nur in Discourse v3.2.0 und höher aufgrund der Verwendung der api.renderInOutlet()-Funktion und neuer Glimmer-Komponenten.

Da die Side-by-Side-Vorschau nur in Desktop-Ansichten erfolgt, gilt diese Theme-Komponente nur für Desktop-Ansichten.

Ebenso ist diese Komponente im RTE-Modus deaktiviert, da der Rich-Text-Editor keine separate Vorschau hat.

Das Theme, das ich in meinen Screenshots verwende, ist das Graceful Theme.

[Heliosurge (Dan DeMontmorency)]

Sehr gut. Ich bin sicher, die Mitglieder werden das zu schätzen wissen!

[Monikas (JustMonika)]

Die Änderung der Vertikalen verursacht einen Fehler

[Alteras (Steven Chang)]

Danke für den Bericht! Habe einen Fix dafür veröffentlicht.

Fix vertical preview not capping with new topic composer

Hmm… Mir ist gerade aufgefallen, dass sich die Ziehleiste zwischen der Werkzeugleiste und den Feldern für neue Themen befindet… Ich bin mir nicht sicher, was ich davon halten soll…

[Lilly (Lillian Louis)]

Auf meinem Testforum gerade installiert. Mir gefällt das sehr gut. Danke fürs Teilen

[jordan.vidrine]

Das ist super nett, danke fürs Teilen!

[Lilly (Lillian Louis)]

Ich wollte nur noch einmal posten, wie sehr ich diese Komponente mag. Ich erledige einen Großteil meiner täglichen Arbeit auf meiner eigenen Instanz und sie hat meine eigene Discourse-Benutzererfahrung immens verbessert. Ich mag besonders den breiteren Composer mit der Vorschau oben für meinen größeren Desktop-Monitor. Ich denke, es wäre möglich, diese Ansicht für Mobilgeräte anzupassen (obwohl die mobile Tastatur vielleicht etwas dazu zu sagen hat), daher werde ich sie vielleicht forken und es versuchen, wenn ich etwas zusätzliche Zeit habe (d. h. fast nie lol). Tolle Arbeit und nochmals vielen Dank für das Teilen.

[MihirR (Mihir)]

Ist dies hauptsächlich für Desktops konzipiert?

[Alteras (Steven Chang)]

Ja, es wurde für Desktops entwickelt.