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?

È stato utile?

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.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top