Citazioni in evidenza

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).

Aspetterò l’aggiornamento di Arkshine.

2 Mi Piace

Sto vedendo quanto segue dopo l’aggiornamento di oggi

[Avviso Admin] Il tema ‘Quote Callouts’ contiene codice che necessita di aggiornamento. (id:discourse.widgets-decommissioned) (saperne di più)

1 Mi Piace

Ho inviato una correzione, puoi aggiornare il componente e provare? :folded_hands:

7 Mi Piace

Finora funziona bene!

2 Mi Piace

Ora ho un problema, i blocchi di citazione non possono più essere compressi/espansi

Potrebbe incollare qui un esempio riproducibile o un link al suo post nel forum (si senta libero di inviarmi un messaggio privato se preferisce)?

1 Mi Piace

Certamente, in fondo a questa discussione

Ecco un aggiornamento che modernizza il componente e introduce il supporto per l’editor di testo ricco! :rocket:
Potrebbe aver bisogno di qualche rifinitura o potrebbe presentare casi limite imprevisti, ma credo che sia un buon punto di partenza. :folded_hands:

In sintesi

Editor di testo ricco

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 :rofl:

Ringraziamenti speciali a Moin per avermi fornito un feedback.

Questo è tutto. Fatemi sapere cosa ne pensate. Il feedback è molto gradito!

7 Mi Piace

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. :slightly_smiling_face:

3 Mi Piace

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. :grinning_face_with_smiling_eyes:
Lavorerò a una correzione per filtrare correttamente la lista quando il titolo è impostato.

2 Mi Piace

Ho inviato una correzione. Fammi sapere come va! :+1:

3 Mi Piace

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. :smiley:

3 Mi Piace

Ricevo il seguente errore, solo quando utilizzo la traduzione de*:

Screenshot di un banner rosso che segnala un errore in Quote Callouts

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

Si verifica nell’ultima riga di questo estratto:

class QuoteCallouts {
  constructor(owner, api) {
    [...]
    window.I18n.translations[
      window.I18n.fallbackLocale || "en"
    ].js.composer.callout_sample = ``;

* 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

2 Mi Piace

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?

1 Mi Piace

Sì, ha risolto il problema. Grazie! <3

1 Mi Piace

Ciao @Arkshine, grazie per un ottimo plugin!

È possibile utilizzare la callout senza titolo o solo con un’icona?

2 Mi Piace

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 :grinning_face_with_smiling_eyes:. Puoi copiarlo da questa pagina, ad esempio: ​ U+200B ZERO WIDTH SPACE - Unicode Explorer


Fammi sapere se funziona per te.

4 Mi Piace

Penso che abbia funzionato! Grazie! :heart_eyes:

2 Mi Piace

Ciao, @Arkshine :waving_hand:

È possibile mantenere il colore originale dell’area di richiamo quando si utilizza la funzione “Nascondi dettagli”?

Nella modalità editor del post i colori originali vengono salvati, ma lo sfondo diventa grigio dopo aver salvato le modifiche:

2 Mi Piace

Grazie per la segnalazione!
Ho applicato una correzione. Puoi aggiornare il componente e verificare se il problema si ripresenta?

3 Mi Piace