Festeggiamenti! Traguardo di KuroEditor v1.0.0 e 'Diversità del Layout' vol.3
KuroEditor raggiunge la versione 1.0.0. Oltre alla correzione dei bug, questo aggiornamento introduce migliorie pratiche come il box flottante 'RoundBox' e funzioni di tabella avanzate.
Un salto da „funziona a malapena“ a „versione ufficiale“
Sono passati alcuni mesi dall'inizio dello sviluppo di KuroEditor. Dopo aver lamentato la necessità nel vol.1 e aver rilasciato il meccanismo e la prima versione nel vol.2, ho raggiunto un punto di non ritorno. Ora, il numero di versione ha finalmente raggiunto lo storico traguardo di '1.0.0'. Oltre 200 piccoli miglioramenti nella serie 0.3.x sono culminati in questa forma finale.
In questo importante aggiornamento, pur mantenendo la filosofia di design flessibile a zero dipendenze da librerie e puro Vanilla JS, ho introdotto 'nuove funzionalità strutturali' che migliorano notevolmente il potere espressivo della scrittura dei blog. Non è più solo un editor di testo; sta iniziando ad assumere gli aspetti di un semplice strumento di layout.
In evidenza nella v1.0.0: il box flottante 'RoundBox'
La novità principale della v1.0.0 è la 'RoundBox' (kuro-roundbox), posizionabile liberamente. Precedentemente complessa negli editor WYSIWYG, layout come 'inserire informazioni integrative accanto al testo' o 'allineare immagini e testo l'uno accanto all'altro' si possono ora realizzare con un unico pulsante.
È molto più di una semplice scatola. Oltre a definirne la larghezza, è possibile impostare il posizionamento flottante a sinistra o a destra, e supporta persino strutture nidificate per ulteriori decorazioni all'interno dei box. Tecnicamente, include la logica per calcolare automaticamente le posizioni in modo da evitare la sovrapposizione tra il cursore/menu pop-up e i box, consentendoti di concentrarti sulla scrittura senza stress anche nei layout più complessi.
Funzionalità di tabella avanzate: Incolla CSV e usabilità migliorata
Le funzioni di tabella che ho illustrato nel vol.2 si sono evolute ulteriormente nella v1.0.0. Una delle richieste maggiori era l'importazione di dati esterni.
Nuova funzionalità | Dettagli e vantaggi |
Incolla CSV/TSV | Importa istantaneamente in una tabella i dati copiati da Excel o da fogli di calcolo. |
Allineamento verticale | Posiziona il testo all'interno delle celle 'In alto, Al centro o In basso'. |
Eliminazione con un clic | Un nuovo pulsante per eliminare l'intera tabella, migliorando l'interfaccia utente per ridurre gli errori. |
Conteggio caratteri | Un contatore dei caratteri in tempo reale nella parte inferiore dell'editor. Decisamente pratico. |
*Supporta anche il copia-incolla da Dropbox Paper! ahah
Interfaccia utente meticolosa: Logica anti-collisione dei menu
Con l'aumento delle funzionalità, l'interfaccia utente può facilmente risultare caotica. Tuttavia, la missione finale di KuroEditor è 'non disturbare la scrittura'. Per questo aggiornamento, ho rinnovato il sistema di 'evitamento delle sovrapposizioni' che calcola dinamicamente le posizioni in modo che i vari menu a comparsa non si sovrappongano.
Ad esempio, anche in aree ristrette dove un RoundBox si trova subito sotto una tabella, il menu apparirà in modo fluido nella posizione ottimale. Per rendere realtà questo 'comportamento intuitivo', ho analizzato migliaia di righe di logica. Questo è il tipo di attenzione al millimetro possibile solo quando non si usano framework.
Il futuro di KuroEditor
Con la versione 1.0.0, le fondamenta di KuroEditor sono complete. Sebbene i lavori futuri si concentreranno sulla correzione dei bug, ho intenzione di ridurre costantemente il volume del codice. La filosofia di base di un 'Vanilla JS ultra-veloce, a zero dipendenze e in grado di girare ovunque' non vacillerà mai.
KuroEditor continua a evolversi insieme a KuroCMS. Con questo aggiornamento, sono fiducioso che abbia raggiunto il massimo livello di funzionalità per una libreria a file singolo. Si sei interessato, visita il repository GitHub o prova tu stesso la sua reattività fluida nella nostra pagina dimostrativa.
Fonti