[Artemis]

Jetzt stelle ich mal mein aktuelles kleines Projekt vor:

SourceBox - Syntax-Highlighting mittels JavaScript

SourceBox ist eine kleine JavaScript-Bibliothek, die es ermöglicht, Programmcode im Browser zu highlighten.

Link zur Seite: EDIT: Projekt tot.

Achtung: Benutzer mit dem IE sollten sich das ganze nicht antuen. Der IE schafft es einfach nicht, neue Zeilen und mehr als ein Leerzeichen auch als solche anzuzeigen. Dies soll in nächsten Versionen repariert werden.

Grüße,
Artemis

[Jann Hendrik]

worin liegt der Vorteil das mit JS zu machen - und nicht gleich auf dem Server?

[robo47]

Zitat von Jann Hendrik

worin liegt der Vorteil das mit JS zu machen - und nicht gleich auf dem Server?

Echtzeit-Highlighting ? Während man tippt, wird in nem 2ten Fenster/Bereich angezeigt wie es später aussieht.

@Artemis, also was mich jetzt etwas enttäuscht, warum kann man die Text-Areas nicht editieren ? das wäre doch gerade das worauf ich mich gerade gefreut habe ... da hab ich wohl dummerweise gepostet, bevor ich es mir angeschaut habe.

mfg
robo47

[Jann Hendrik]

Zitat von robo47

Echtzeit-Highlighting ? Während man tippt, wird in nem 2ten Fenster/Bereich angezeigt wie es später aussieht.

Wenn das möglich sein sollte, wäre das natürlich was feines!

[Artemis]

Ja, Echtzeithighlighting soll auch dazukommen.

Am Ende soll das so aussehen, dass man einfach die Haupt-Datei in den Head einbindet. Dann werden Textareas und die gewünschten "normalen" HTML-Tags ('pre', 'code', ...) durchlaufen und wenn die einen ensprechenden Klassennamen beinhalten, werden sie kovertiert.
Textareas zu edtierbaren "SourceBoxen" und die "normalen" Tags zu nicht editierbaren "SourceBoxen".

Außerdem soll, wenn es mir gelingt, auch noch Codefolding hinzukommen.

Weitere Features kommen dann.

[Ben]

Zitat von Artemis

Weitere Features kommen dann.

Du hast ja auch erst einmal genug auf dem Programm.

Interessantes Projekt. Kann man mal beobachten.

[dago]

Hi Artemis,
unter welcher Lizenz wird das Projekt zukünftig laufen?

Ich hab zwar noch nicht großartig rum gesucht. Aber ich plane ein kommerzielles Projekt, wo ich eine solche Funktionalität einbauen möchte. (Vor erst für eigen Bedarf.)

Wenn es also gut funktioniert und browserübergreifend wird, bin ich auch bereit eine bestimmte Summe dafür zu zahlen.

[Bleistift]

Hab etwas ähnliches entdeckt: http://code.google.com/p/google-code-prettify/
Demo: http://google-code-prettify.googleco...nk/README.html

[Artemis]

Ich denke, das ganze kommt unter die Creative Commons Lizenz. Ich weiß aber auch noch nicht welche.

Hab mir mal dieses Google-Prettify angeguckt und ich muss ehrlich sagen, ich weiß nicht, warum die so viel Kot für so etwas "einfaches" benötigen.

[Jann Hendrik]

Zitat von Artemis

warum die so viel Kot

Beinhaltet Code in deinem Falle also auch eine Bewertung des Gesehenen?

[Bleistift]

Zitat von Artemis

Ich denke, das ganze kommt unter die Creative Commons Lizenz. Ich weiß aber auch noch nicht welche.

Hab mir mal dieses Google-Prettify angeguckt und ich muss ehrlich sagen, ich weiß nicht, warum die so viel Kot für so etwas "einfaches" benötigen.

Verstehe nicht ganz, worauf du hinaus willst. Google-Prettify:

The comments in prettify.js are authoritative but the lexer should work on a number of languages including C and friends, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles. It works passably on Ruby, PHP and Awk and a decent subset of Perl, but, because of commenting conventions, doesn't work on Smalltalk, Lisp-like, or CAML-like languages.

How do I specify which language my code is in?
There's no way to tell it which language because would complicate the interface. If it doesn't guess the language properly, that's a bug.

Also ein paar nette Features.

Die Grösse des Scriptes ist ziemlich genau gleich wie die von deinem Script.

[Artemis]

Zitat von Jann Hendrik

Beinhaltet Code in deinem Falle also auch eine Bewertung des Gesehenen?

Wie meinste das?

Zitat von Bleistift

Verstehe nicht ganz, worauf du hinaus willst. Google-Prettify:

Also ein paar nette Features.

Die Grösse des Scriptes ist ziemlich genau gleich wie die von deinem Script.

Jo, Prettify hat halt einen anderen Angriffspunkt als ich. Aber von wegen Größe: Das gepackte Skript von denen ist ungefähr so groß wie das ungepackte von mir.
Wenn ich beide ungepackte Versionen mit dem selben Packer packe (http://javascriptcompressor.com/), dann habe ich 2535 Zeichen und Prettify 14223. Leicht mehr.

Außerdem finde ich angepasstes Highlighting für einzelne Sprachen besser, als was generelles, einfach weil man dann Sprachen einfach hinzufügen kann. Und wenn man die Sprachen dann auch in eigene Dateien ausgliedert muss man nur die einbinden, die nötig sind.

[Jann Hendrik]

Zitat von Jann Hendrik

Beinhaltet Code in deinem Falle also auch eine Bewertung des Gesehenen?

Du hast Kot geschrieben - kann ja sein, dass du gleichzeit kacke und Code in einem Wort verein hast.