Frage

Mein Mitbegründer derzeit gefragt auf unserem Blog für einen integrierbare Code-Widget.

http: // devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/

Im Grunde wollen wir so etwas wie http://pastie.org/ oder http://codepad.org/ aber wir den Code-Abschnitt in unserem Blog wirklich einbetten möchten. Wir wissen, es gibt Plugins für gängige Blogs und serverseitige Lösungen, aber es wäre toll, dass man einzubetten nur ein wenig JavaScript und haben schön Code an beliebiger Stelle formatiert ...

Ist so etwas gibt es? Haben wir es nur verpasst?

War es hilfreich?

Lösung 2

Wir hatten einen Benutzer zeigt eine Wordpress-Plugin aus, das Gist nutzt genau das zu tun, was wir fordern ...

http://pomoti.com/gist-it-english

Auch wenn Sie den Stecker nicht verwenden in ein Merkmal von Gist sieht aus wie können Sie den Code an beliebiger Stelle einbetten möchten Sie im Web. http://gist.github.com

Sieht ziemlich süß. Dank geht an Dirceu Jr.

Andere Tipps

Ich denke, Sie einen Javascript-Syntax-Highlighter wollen

Manchmal halten Sie gerade in den falschen Keywords denken; -)

Schauen Sie sich CodeRay und Ultraviolet . Sie sind beide sehr gut und einfach zu bedienen.

Ich benutze einen Textmarker in Dojo enthalten (angepasst von Ivan Sagalaev des highlight.js ). Alles, was Sie tun müssen, ist ein paar Zeilen Code in dem Kopf Ihrer Webseite (ein Script-Tag zeigt auf AOL oder Google, ein Link zu CSS von AOL oder Google, und einem trivialen Skript gehostet die Markierung auf Anfrage) aufzunehmen und add

  Blöcke mit vorformatierte Schnipsel - sie werden gefunden und markiert automatisch 

.

Natürlich sind als automatische Erraten Sie die Sprache Ihrer Schnipsel auch mehrere Sprachen unterstützt. Wenn der Benutzer JavaScript ausgeschaltet ist, wird es ordnungsgemäß beeinträchtigen.

Ein weiterer guter Punkt dieser Lösung: keine Notwendigkeit, alle Dateien zu hosten, keine Notwendigkeit, Server so zu konfigurieren, keine Notwendigkeit, HTML zu erzeugen, dynamisch, mit irgendetwas verwendet werden - auch statischer Datei einfach gut hervorgehoben werden

.

Sie können Beispiele in offiziellen Tests finden Sie unter: test_highlight.html , test_pygments.html . Dies ist das Beispiel von Schnipsel auf meiner Website: Artikel mit mehreren Code hervorgehoben Schnipsel -. im Kopf der Seite sehen, wie der Textmarker direkt von AOL enthalten sein kann,

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top