Gibt es einen guten embeddable Code-Widget für Blogs
-
05-07-2019 - |
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?
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,