Potrebbe esserci un errore qui, l’abilitazione di questo (con l’originale disabilitato) ha creato problemi per gli account senza accesso amministrativo. Non sono sicuro di cosa sia entrato in conflitto esattamente, ma alcuni argomenti erano nascosti e la navigazione Categorie/Tag era completamente inutilizzabile per gli account non autorizzati (TL1).
Ecco un aggiornamento che modernizza il componente e introduce il supporto per l’editor di testo ricco!
Potrebbe aver bisogno di qualche rifinitura o potrebbe presentare casi limite imprevisti, ma credo che sia un buon punto di partenza.
In sintesi
Aggiunto il supporto per l’editor di testo ricco (vedi sotto per una panoramica dettagliata)
Conversione del rendering a un componente glimmer
Corretto il colore CSS con i callout annidati
Corretto il colore CSS con alias
L’animazione di collasso dovrebbe essere più fluida
Aggiunta l’impostazione callout_transition_duration_ms (animazione di collasso)
Aggiunta la scorciatoia Ctrl + q per inserire un callout predefinito.
Funziona su entrambi gli editor e la scorciatoia è aggiunta alla modale delle Scorciatoie da Tastiera
Immagini
Parliamo dell’editor di testo ricco e di cosa aspettarsi!
Creazione di callout:
Hai quattro modi per inserire i callout:
Scorciatoia da tastiera
Barra degli strumenti
Regole di input
/callout<tipo>
!!<tipo>
Supporto per l’incolla
Video
Modifica dei callout
I controlli per modificare un callout appaiono solo quando lo si seleziona prima.
Selettore del tipo
Cliccando sull’icona, apparirà un menu flottante.
Titolo personalizzato
Supporta la formattazione in linea e le emoji
Chiusura (Folding)
Imposta i callout come comprimibili. È accessibile dal menu delle opzioni.
Video
Organizzazione dei callout
Controlli di spostamento
Desktop
C’è una maniglia che afferra per trascinare e rilasciare il callout.
Dispositivo touch
Sposti i callout su/giù o li annidi nei callout adiacenti. È disattivato per impostazione predefinita per evitare inutili elementi visivi, poiché non è qualcosa che farai spesso. Puoi attivarlo/disattivarlo dalle opzioni.
Video
Navigazione tramite tastiera
Questo aiuta a rendere più facile entrare e uscire dai callout annidati.
Potrebbe richiedere alcuni aggiustamenti futuri per rendere il comportamento coerente in questa versione.
← All’inizio del titolo, il selettore del callout si aprirà automaticamente.
↑ ↓ All’interno del corpo di un callout senza paragrafi in cui atterrare, ne creerà uno; se esci con contenuto vuoto, il paragrafo viene rimosso.
Invio all’interno del titolo sposta il cursore nel corpo (e ne crea uno se necessario).
Video
Click-per-inserire
Nelle aree in cui non c’è un paragrafo, puoi cliccare all’interno per aprire un paragrafo.
Se preferisci, puoi anche usare i pulsanti per aprire un paragrafo all’interno o all’esterno di un callout.
Video
Forse, in seguito, prenderò in considerazione:
autocompletamento delle regole di input
migliorare il colore usando CSS moderno, per garantire coerenza e visibilità, specialmente in modalità scura.
Vorrei rimuovere tutte le impostazioni e concentrarmi prima sulla semplicità, con personalizzazioni avanzate solo tramite CSS, ma è troppo tardi per questo
Ringraziamenti speciali a Moin per avermi fornito un feedback.
Questo è tutto. Fatemi sapere cosa ne pensate. Il feedback è molto gradito!
Ho notato che avete progettato un effetto tale per cui, se un certo tipo ha più alias, quando si seleziona il tipo nell’editor di testo ricco, ogni alias appare come un’opzione e sono posizionati consecutivamente.
Questo è un bel design, ma sembra che necessiti di ulteriore espansione: se non viene definito un Titolo, verrà visualizzato il tipo callout, quindi queste opzioni consecutive che condividono lo stesso schema di colori finale mostreranno nomi e titoli diversi; tuttavia, se viene definito un Titolo, verrà visualizzato e utilizzerà lo stesso Titolo nell’elenco come quando si crea effettivamente una Citazione, il che crea un po’ di confusione.
Se questa estensione è difficile da implementare, penso che forse si potrebbe fornire una casella di controllo per evitare di aggiungere voci extra nell’elenco di selezione del tipo che corrispondono uno a uno agli alias quando è definito un Titolo.
Hai ragione! Grazie per il feedback, è bello vedere persone che usano il TC.
In realtà, ci ho pensato a un certo punto, ma mi sono completamente dimenticato di sistemarlo.
Lavorerò a una correzione per filtrare correttamente la lista quando il titolo è impostato.
Ho appena testato l’ultima versione, e ora quelli con un Titolo mostreranno solo uno nell’elenco di selezione della categoria, indipendentemente dal numero di alias presenti.
Ricevo il seguente errore, solo quando utilizzo la traduzione de*:
Console JS:
client-error-handler.js:109 [THEMA 6 'Quote Callouts'] TypeError: Impossibile impostare le proprietà di undefined (impostazione 'callout_sample')
at new po (callouts.gjs:30:19)
at callouts.gjs:265:23
at eK (plugin-api.gjs:3582:10)
at Object.initialize (callouts.gjs:264:5)
at i.initialize (app.js:304:28)
at index.js:375:19
at e.each (index.js:183:7)
at e.walk (index.js:112:10)
at e.each (index.js:59:20)
at e.topsort (index.js:65:10)
at ij._runInitializer (index.js:388:11)
at ij.runInstanceInitializers (index.js:373:10)
at l._bootSync (instance.js:111:22)
at ij.didBecomeReady (index.js:780:18)
at invoke (index.js:262:14)
at m.flush (index.js:180:11)
at g.flush (index.js:334:19)
at Y._end (index.js:762:32)
at Y._boundAutorunEnd (index.js:499:12)
h @ client-error-handler.js:109
* imposta /u/<nomeutente>/preferences/interface “Lingua dell’interfaccia” su “Tedesco (Deutsch)”
Sembra che l’errore sia stato introdotto in uno degli ultimi aggiornamenti di Discourse tra 2026.3.0-latest e 2026.4.0-latest, ma non riesco a individuarlo con maggiore precisione. Attualmente sono alla versione 2026.4.0-latest 4b2c45376d e Quote Callout v0.0.1 9aa6548
Pensavo davvero che questo tipo di problema fosse stato risolto.
Il sito è impostato sulla lingua predefinita inglese (Stati Uniti), mentre la lingua dell’utente è impostata sul tedesco, ho ragione?
Non credo che tu possa farlo al momento, ma penserò a un modo per farlo nel prossimo aggiornamento!
Nel frattempo, c’è un trucco: inserisci uno spazio a larghezza zero e dovrebbe funzionare . Puoi copiarlo da questa pagina, ad esempio: U+200B ZERO WIDTH SPACE - Unicode Explorer