Excalidraw za Joplin

Nekim beleškama ne treba pasus, nego dijagram: nekoliko pravougaonika, nekoliko strelica, natpis. Za to koristim Excalidraw - izgled crteža rukom, brz, otvorenog koda. U Joplinu ga ima već godinama zahvaljujući dvojici ljudi: artikell je 2022. napisao prvobitni joplin-excalidraw, a neagix ga je nastavio kao joplin-excalidraw-v2 - sa Excalidraw-om i njegovim fontovima upakovanim u plagin, SVG pregledima koji se čuvaju sami i konverzijom starih crteža. Taj plagin sam koristio u svojim beleškama.

Ove godine sam od njega hteo još tri stvari: aktuelni Excalidraw unutra, tamnu temu i editor koji ispunjava ceo prozor. U junu sam napravio prve dve povrh v2, usput popravivši alat za tekst i rukopisni font u izvezenim SVG-ovima. U septembru su stigli editor preko celog prozora, kopiranje i drugi prozor, a plagin je dobio sopstveno ime: Excalidraw.

Excalidraw editor preko celog Joplin prozora, rukom crtan dijagram od tri bloka, Draw, Save i In the note, sa Save, Close i prekidačem veličine u donjem desnom uglu

Excalidraw stavlja Excalidraw crteže u vaše Joplin beleške. Dugme sa olovkom na traci alatki editora pravi crtež, i on se ubacuje na mesto kursora kao obična slika. Editor je pravi Excalidraw, upakovan u plagin. Zauzima ceo Joplin prozor, ili Joplinovu uobičajenu veličinu dijaloga - prekidač u uglu menja jedno u drugo, a izbor se pamti. Svetla i tamna tema prate Joplinovu.

Svaki crtež ima četiri radnje. Nalaze se u traci koja se pojavljuje iznad crteža u prikazu, u meniju desnog klika u editoru kada kursor stoji na redu sa crtežom, i u meniju Alatke → Excalidraw:

Edit otvara editor.
Edit in a new window otvara belešku u drugom Joplin prozoru, a editor u njemu, pa možete da čitate belešku ili kucate u njoj dok crtate.
Copy as image stavlja u clipboard PNG, rasterizovan u 2× za HiDPI ekrane. Tamni crteži se kopiraju tamni.
Copy as JSON stavlja crtež u clipboard u Excalidraw-ovom sopstvenom formatu. Nalepite ga na excalidraw.com, u Excalidraw plagin za Obsidian ili u drugi crtež ovde - i dobijate oblike koji se mogu uređivati, a ne sliku.

Crtež u Joplinovom prikazu beleške sa trakom plagina koja se pojavljuje u gornjem desnom uglu: uredi, uredi u novom prozoru, kopiraj kao sliku, kopiraj kao JSON

Sačuvan crtež se osvežava na mestu, u svakom otvorenom prozoru. Na disku su to dva Joplin resursa - scena .json i pregled .svg - a u telu beleške nema ničeg posebnog, samo link na sliku, pa se crtež sinhronizuje i izvozi kao svaki prilog.

Ono što mi je ovde zanimljivo: dve od ovih mogućnosti postoje zbog Joplinovih ograničenja, a ne Excalidraw-ovih. Joplinovo sopstveno „Kopiraj sliku“ ne radi ništa za crtež u Markdown editoru, jer sliku dekodira kodom koji ne ume da čita SVG - pa plagin sam pretvara SVG u PNG. A Joplin svaki dijalog plagina otvara na 90% prozora i ne daje plaginu način da ga promeni. Ali dijalog plagina može da dopre do Joplin prozora oko sebe, pa ovaj menja sopstveni okvir da ispuni prozor i crta Save, Close i prekidač veličine kao jedno malo ostrvo u uglu platna umesto Joplinove trake sa dugmadima ispod dijaloga.

Prelazite sa starog plagina? Prvo ga isključite ili uklonite: sa oba uključena svaki crtež dobija dva kompleta dugmadi, a klik na Edit može da završi u pogrešnom editoru. Vaši crteži su obični prilozi, pa se ništa ne konvertuje i ništa se ne dira: linkovi i resursi iz v2 čitaju se takvi kakvi jesu, a crteži iz prvobitnog v1 i dalje dobijaju dugme Convert. Tri podešavanja pod novim id-jem kreću od podrazumevanih vrednosti.

Samo desktop: mobilni Joplin plagin ne može da napravi resurs, pa uređivanje na telefonu čeka sam Joplin. Nije kompatibilan sa plaginom Freehand Drawing kada su oba uključena. Joplin 3.3 ili noviji.

Besplatno i otvorenog koda pod MIT, u nastavku rada artikell-a i neagix-a: github.com/pmslava/joplin-plugin-excalidraw. Nalazi se u Joplinovoj listi plagina - Alatke → Opcije → Plagini, potražite Excalidraw - a .jpl je i na stranici izdanja.