2013-04-18 11 views
6

Credo di non reinventare la ruota a meno che non sia assolutamente necessario. Quindi non voglio iniziare a codificare qualcosa che è già stato codificato, o molte persone stanno già contribuendo a farlo.Utilizzare jade con wysiwyg markdown per consentire agli utenti di modificare il contenuto

Sono appena emigrato sul pianeta Node.js (mi dispiace php/apache) e ho bisogno di mettere insieme le risorse per portare le cose alla velocità con altre lingue.

Sto usando Node.js come un ascoltatore di server, con Express.js come middleware, e jade js come un motore di template.

vorrei usare un TinyMCE come funzionalità, ma al posto del codice di essere il solito brutto HTML markup, vorrei il codice per essere il markdown e consentire giada di fare il suo majic. Suppongo che sia più o meno come la modifica dello stackoverflow (che sto digitando), ma forse un po 'più avanzato dell'interfaccia utente.

Così, per esempio, se clicco su un pulsante B dovrebbe rendere il testo selezionato in grassetto come si farebbe con qualsiasi editor WYSIWYG.

Riferimenti:

+0

possibile duplicato del [C'è qualche buona biblioteca o di controllo Markdown Javascript?] (Http: // stackoverflow.com/questions/134235/is-there-any-good-markdown-javascript-library-or-control) – Pickels

+0

Non è la stessa cosa, ho chiesto Node JS + Jade, soluzione non una soluzione markdown, poiché giada funziona come un markdown html, non ho trovato nessuna soluzione per lavorare con grazia con jade. E.g: Se clicco su un pulsante 'B' su WYSIWYG, il codice sorgente dovrebbe apparire come' \ nstrong my text \ n' su database e html è in realtà 'il mio testo' sul browser. – Val

+1

** poiché la giada funziona come markdown html ** se si intende che sono entrambi un linguaggio di markup di quello che si è corretto. Però è un po 'strano. Vuoi che il tuo editor usi il markdown dietro la scena ma vuoi salvare jade nel database. Ciò significa che devi continuare a convertirlo avanti e indietro. Perché non archiviare il markdown nel database? Jade ha un filtro markdown o puoi scrivere il tuo helper markdown in express se vuoi mostrare il markup al di fuori dell'editor. – Pickels

risposta

3

è possibile utilizzare qualsiasi del codice HTML generare editor WYSIWYG, e su "salva", permettere t HTML da passare al server in cui viene convertito in sintassi Jade prima di memorizzarlo.

Si potrebbe facilmente integrare questo pacchetto, per esempio, nel vostro Server Express:

https://www.npmjs.org/package/html2jade

html2jade.convertHtml(html, {}, function (err, jade) { 
    // save jade to the DB 
}); 
+0

Questo è veramente semplice :), non posso credere di non averlo pensato al momento :) +1 – Val