In questo articolo vediamo una delle varie librerie per Flutter per creare un editor HTML: quill_html_editor!
Iniziamo con l'installazione della llibreria:
flutter pub add quill_html_editor
Nel 2018 avevo fatto un articolo (che trovate qui se volete vedere le differenze) in cui parlavo degli IDE / editor di testo che uso per programmare; o comunque che uso per il mio lavoro in generale.
Dopo due anni direi che è il caso di aggiornare la lista.
Anche qui vi faccio un elenco specificando per quali attività e su quale sistema, e se possibile indicando anche un perchè.
JavaFX e Swing rappresentano i toolkit grafici più usati in ambito Java; in cui JavaFX è considerato quello del futuro, riespetto a Swing che sarà pian piano abbandonato.
Però ho avuto un problema che ho dovuto risolvere usandoli insieme.
In pratica, in un progetto JavaFX, sto usando HTMLEditor; solo che il tasto invio non funziona, ed al suo posto bisogna usare CTRL+M.
Girando ho capito che si tratta di un bug abbastanza noto.
Ho scoperto per sbaglio il componente HTMLEditor di JavaFX, che è in pratica un editor HTML completo di toolbar con tutti gli strumenti che vi servono.
Mi ricorda molto TinyMCE per intenderci.
Solo che io ho la necessità di mostrarlo in sola lettura, e non ho bisogno di mostrare la toolbar in questo caso.
Ho scoperto che è possibile nasconderla, anche se non esiste un metodo diretto per farlo.
Già avevo parlato di un buon editor online per HTML, CSS e Javascript.
Ne ho trovato un altro interessante solo per HTML e CSS: Dabblet.
E' gratuito e non richiede neanche la registrazione.
Inoltre da quanto ho poututo notare è compatibile anche con i CSS3 (non so quante proprietà però....).
CKEditor e CKFinder sono due tools scritti in AJAX molto usati nei blog.
Il primo è un editor HTML che viene usato per inserire posto in un db usando un'interfaccia user frindly.
Il secondo invece è un file manager.
Con CKEditor è possibile anche inserire immaggini dentro a un articolo; il problema però è che di default la salva dentro al db, e non è una buona cosa.
La cosa migliore è integrarlo con CKFinder per salvare l'immagine su disco e poi richiamarla tramite codice HTML.
Per prima cosa scompattate i due archivi in una directory; la situazione dovrebbe essere tipo questa:
/root_del_sito/lib/ckfinder
/root_del_sito/lib/ckeditor
Poi richiamiamo le librerie nell'head della pagina:
<script type="text/javascript" src="lib/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="lib/ckfinder/ckfinder.js"></script>
Il passo seguente è installare CKEditor e richiamare CKFinder: