MediumEditor - Barra degli strumenti di modifica del testo incorporata per il Web

Tutti sanno Medium.com e la loro piattaforma di blogging molto popolare. Essi ridefinito molte idee nel mondo del design e puoi trovare molti tutorial che ti insegnano come clonare i loro progetti.

Uno strumento che potrebbe piacerti è il Plugin di MediumEditor basato su puro JavaScript. Ti lascia aggiungi un editor di testo inline personalizzato a qualsiasi pagina con lo stesso design del sito blog medio. Quindi, puoi lasciare i lettori in grassetto, in corsivo, aggiungere link, intestazioni e praticamente tutto il resto, con una semplice barra degli strumenti visiva.

Nota che questo progetto non è affiliato con Medium in alcun modo, quindi è così non un plugin ufficiale.

È stato creato da un fan del sito e da qualcuno che ama lo stile di design Medium. Puoi scopri di più sulla configurazione di GitHub che memorizza tutto il codice, totalmente gratuito per l'uso.

L'editore funziona in tutti i principali browser, inclusa la versione corrente di Microsoft Edge e IE. Supporta anche versioni precedenti di Internet Explorer, risalenti a IE7. pazzo!

L'installazione è un gioco da ragazzi dove puoi tira tutti i file direttamente via npm o Bower, o anche utilizzare un CDN online gratuito come JSDelivr.

Allora add sia i file CSS che JavaScript all'intestazione del tuo sito web. Vai tranquillo.

Da lì, tu chiama l'editor con una singola riga di codice:

 var editor = new MediumEditor ('. editable'); 

Puoi passare un elenco di elementi della pagina che dovrebbe funzionare solo con l'editor, o è possibile lascia che attraversi tutta la pagina.

Probabilmente l'uso più pratico di questo plugin è crea un certo tipo di editor WYSIWYG per un'app Web.

esso non gestisce i dati di passaggio avanti e indietro tra il server e il client, quindi è necessario creare quella logica da soli. Tuttavia, questo plugin è molto più facile che partire da zero.

Se scorri fino alla fine della pagina demo di MediaEditor troverai a elenco di estensioni puoi testare pure. Questi includono modifica completa del markdown, insieme a Pulsanti di stile medio e altre caratteristiche dell'interfaccia.

Questo plugin è altamente raccomandato per tutti i fan di Medium che lo desiderano replicare alcuni dei loro UX in un altro progetto.