Citazioni di chiamata

[Arkshine]

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

  

  
  

  

• Chat: Aggiunto un pulsante nella barra degli strumenti per inserire un callout predefinito
  Immagini

  

  
  

  

  
  

  

• Anteprima Markdown: Aggiunta la possibilità di cambiare il tipo cliccando sull’icona
  Immagine

  

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

Ringraziamenti speciali a Moin per avermi fornito un feedback.

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