Esiste un buon widget di codice incorporabile per i blog
-
05-07-2019 - |
Domanda
Il mio co-fondatore sta attualmente chiedendo sul nostro blog un widget di codice incorporabile.
http: // devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/
Fondamentalmente vogliamo qualcosa come http://pastie.org/ o http://codepad.org/ ma vogliamo davvero incorporare la sezione del codice nel nostro blog. Sappiamo che ci sono plugin per blog comuni e soluzioni lato server, ma sarebbe bello poter semplicemente incorporare un po 'di javascript e avere un codice ben formattato ovunque ...
Esiste qualcosa del genere? Ci siamo persi?
Soluzione 2
Abbiamo fatto in modo che un utente segnalasse un plug-in di WordPress che utilizza Gist per fare esattamente ciò che chiedevamo ...
http://pomoti.com/gist-it-english
Anche se non si utilizza il plug-in sembra che una funzionalità di Gist ti consenta di incorporare il codice ovunque tu voglia sul web. http://gist.github.com
Sembra piuttosto dolce. Grazie a Dirceu Jr.
Altri suggerimenti
Penso che tu voglia un evidenziatore di sintassi javascript
A volte continui a pensare con parole chiave sbagliate ;-)
Scopri CodeRay e UltraViolet . Sono entrambi abbastanza buoni e facili da usare.
Uso un evidenziatore incluso in Dojo (adattato da highlight.js di Ivan Sagalaev ). Tutto quello che devi fare è includere alcune righe di codice nella testa della tua pagina web (un tag di script che punta ad AOL o Google, un collegamento a CSS ospitato da AOL o Google e uno script banale per richiedere l'evidenziazione) e aggiungi < pre > < code lang = " javascript " > blocchi con frammenti preformattati & # 8212; saranno trovati ed evidenziati automaticamente.
Ovviamente, sono supportate più lingue e indovinare automaticamente la lingua del tuo frammento. Se l'utente ha disattivato JavaScript, si degrada con grazia.
Un altro aspetto positivo di questa soluzione: nessuna necessità di ospitare alcun file, nessuna necessità di configurare i server, nessuna necessità di generare HTML in modo dinamico, può essere utilizzata con qualsiasi cosa & # 8212; anche il file statico verrà evidenziato bene.
Puoi vedere esempi nei test ufficiali: test_highlight.html , test_pygments.html . Questo è l'esempio di frammenti sul mio sito web: l'articolo con diversi frammenti di codice evidenziati & # 8212; guarda in testa a questa pagina per vedere come l'evidenziatore può essere incluso direttamente da AOL.