Anteprima Posizione Editor

[Alteras (Steven Chang)]

	Riepilogo	Consente all’utente di riposizionare e ridimensionare l’anteprima nella finestra di composizione per Discourse.
	Repository	GitHub - Alteras1/discourse-editor-preview-position: Discourse theme component for users to reposition and resize the preview
	Guida all’installazione	Come installare un tema o un componente tema
	Nuovo ai temi di Discourse?	Guida per principianti all’uso dei temi di Discourse

← Fill in “repoName” and “repoURL” for the automatic install button →

Install this theme component

Consente all’utente di riposizionare e ridimensionare l’anteprima nella finestra di composizione per Discourse. Fai doppio clic sulla barra di trascinamento per riposizionare la divisione al centro.

Anteprima a schermo intero

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)

Aggiunge anche l’opzione per stilizzare la finestra di composizione nello stesso stile della visualizzazione a schermo intero.

Impostazioni

Pulsante Anteprima Barra Superiore

Sposta il pulsante di anteprima nella barra superiore. Predefinito: true

Screenshot

non a schermo intero:

a schermo intero:

Consenti Anteprime Sopra/Sotto

Consente all’anteprima di essere posizionata sopra/sotto l’editor. Predefinito: true

Screenshot

Consenti Anteprime Orizzontali Ridimensionabili

Consente il ridimensionamento delle anteprime lungo l’asse orizzontale. Predefinito: true

Consenti Anteprime Verticali Ridimensionabili

Consente il ridimensionamento delle anteprime lungo l’asse verticale. Predefinito: true

Stile Finestra di Composizione Pulita

Modifica lo stile della finestra di composizione per adattarlo più da vicino allo stile della finestra di composizione a schermo intero. Predefinito: false.

Screenshot

Screenshot dello stile in diverse orientamenti.

Questa impostazione è più una preferenza personale. Durante lo sviluppo di questo componente tema, ho trovato le differenze tra l’editor a schermo intero e quello non a schermo intero distraenti. Pertanto, ho aggiunto questa stilizzazione per contribuire a creare un’esperienza più “unificata”. Per impostazione predefinita è disattivata.

Compatibilità e Note

Funziona solo in Discourse v3.2.0 e versioni successive a causa dell’uso della funzione api.renderInOutlet() e dei nuovi componenti glimmer.

Poiché l’anteprima affiancata avviene solo nelle visualizzazioni desktop, questo componente tema si applica solo alle visualizzazioni desktop.

Allo stesso modo, poiché l’Editor di Testo Ricco non ha un’anteprima separata, questo componente è disabilitato in modalità RTE.

Il tema che sto usando nei miei screenshot è il tema Graceful.

[Heliosurge (Dan DeMontmorency)]

Molto bello. Sono sicuro che i membri apprezzeranno questo!

[Monikas (JustMonika)]

La modifica della verticale causerà un bug

[Alteras (Steven Chang)]

Grazie per la segnalazione! Ho rilasciato una correzione.

Fix vertical preview not capping with new topic composer

Hmm… Mi sono appena reso conto che la barra di trascinamento si trova tra la barra degli strumenti e i campi del nuovo argomento… Non sono sicuro di cosa ne penso…

[Lilly (Lillian Louis)]

Appena installato sul mio forum di test. Mi piace molto. Grazie per aver condiviso

[jordan.vidrine]

Questo è super bello, grazie per aver condiviso!

[Lilly (Lillian Louis)]

Volevo solo scrivere di nuovo per dire quanto mi piace questo componente. Svolgo gran parte del mio lavoro quotidiano sulla mia istanza e ha migliorato enormemente la mia esperienza utente su Discourse. Mi piace molto il composer più ampio con l’anteprima in alto per il mio monitor desktop più grande. Sento che adattare quella vista per il mobile potrebbe essere possibile (anche se la tastiera mobile potrebbe avere qualcosa da dire al riguardo), quindi potrei fare un fork e provarci quando avrò un po’ di tempo libero (cioè: quasi mai lol).

Ottimo lavoro e grazie ancora per averlo condiviso.

[MihirR (Mihir)]

Solo una rapida conferma, è progettato principalmente per Desktop?

[Alteras (Steven Chang)]

Sì, è stato progettato per desktop.