Markdown su Blogger per risolvere le rogne di scrittura (con script custom)

Appena creato questo blog su Blogger l'altro giorno, immediatamente mi sono ricordata di quanto è tremendo l'editor web dei post di questa piattaforma, almeno rispetto a piattaforme più moderne come WordPress, o programmi di videoscrittura generici... che è un leggero problema, visto che è necessario usarlo per creare e modificare i post sul sito.

Quasi quasi non sarebbe una rogna se si volesse scrivere solo plaintext, senza formattazione, senza link, senza immagini, senza qualsiasi cosa che è scontata in qualsiasi documento... ma, altrimenti, ci si trova a fare i conti immediatamente con il problema. Nello specifico, l'editor WYSIWIG (visuale) è parecchio buggato, oltre che manchevole di varie opzioni di formattazione, mentre quello HTML... beh, c'è, funziona, ed è praticamente necessario per inserire formattazione più avanzata, nonché sistemare eventuali bug introdotti dal WYSIWYG, ma certamente non è comodo da usare direttamente per comporre i testi.

Purtroppo, questo passa il _Gonvento_ (il Google convento) e questo bisogna fare, se si vuole usare Blogger, a meno di creare gli articoli in un editor esterno e poi incollarli qui sopra... avanti e indietro... che decisamente non è una buona soluzione... oppure, a meno di usare Markdown, come ad oggi è (giustamente) molto comune per il blogging...

Ovviamente Blogger non supporta Markdown, altrimenti non ci sarebbe stato bisogno di tutto questo pippone... ma Blogger supporta l'inserimento di codice personalizzato nel sito, tra cui JavaScript, e da qui l'idea ovvia: usare una libreria JS per parsare in automatico il testo dalle pagine del blog come Markdown, e (ri)renderizzarlo come l'HTML che si intende essere mostrato.

Ebbene, con un piccolo disturbo a GPT — e qualche modifica manuale, visto che la maledetta IA non ne becca mai una giusta al primo colpo — in una manciata di minuti ho ottenuto immediatamente un frammento di codice che, aggiunto al sito (tramite un gadget HTML/JavaScript nella sidebar), permette a questa idea di diventare realtà! La versione più aggiornata, estratta direttamente da quella inserita sul sito con eventuali modifiche fatte subito dopo e che farò in futuro, è leggibile e copiabile direttamente qui sotto, per chi avesse interesse o bisogno:

[PageCode MarkedJs OcttMarkdown]

Con questo codice, il testo di ogni post sul sito viene automaticamente interpretato come Markdown, senza bisogno di accorgimenti speciali. Funziona <!-- sia --> quando se il testo è inserito all'interno di paragrafi (`<p>`) <!--, che sfuso nel sorgente della pagina, --> e reinterpreta anche eventuale HTML inserito come testo in paragrafi, che è comodo per inserire codice custom come embed senza passare ogni volta all'editing sorgente HTML. E, con questa architettura, più qualche accorgimento particolare per far fronte a certe rogne causate dell'editor WYSIWYG, scrivere in Markdown su Blogger con questo script è perfettamente compatibile con le altre modalità di editing: uno stesso post può essere formattato allo stesso tempo sia con le funzioni dell'editor, sia scrivendo sintassi Markdown! (E nel mio blog lo faccio.)

Uno svantaggio oggettivo di questa soluzione, tuttavia, è proprio il fatto che il testo Markdown è renderizzato lato client, anziché lato server come il resto della pagina... e quindi, oltre al fatto che si potrebbe notare un lievissimo flash dello schermo quando lo script si attiva, serve JavaScript per farlo partire. Questo non è un problema per nessun utente medio che naviga il sito in qualunque browser moderno, ma sarà una seccatura per gli utenti paranoici che magari preferiscono bloccare JavaScript sui domini di Google, nonché potenzialmente per i motori di ricerca, e chiaramente all'interno del feed (se include il testo completo degli articoli). Qui in foto, un esempio di come appare il testo di alcuni articoli che fanno tanto uso del Markdown quando questo non viene convertito... o come appare quando si scrive:

Purtroppo, questi sono i limiti della soluzione, e non ci si può fare niente... quindi, qualora su una pagina ci debbano essere elementi che sia molto importante vedere formattati (come, ad esempio, link ipertestuali, che possono essere importanti per la SEO), conviene inserirli nella maniera tradizionale nell'editor, anziché con la sintassi Markdown; e la stessa cosa vale per eventuali immagini che, ad esempio, se inserite con sintassi Markdown anziché l'elemento `<img>`, non saranno rivelate da Blogger e non appariranno come miniature del post.