Gibt es JavaScript Live-Syntaxhervorhebungen? [geschlossen]

Question

Ich habe Syntaxhervorhebungen gefunden, die bereits bestehenden Code zu markieren, aber ich mag es tun, wie Sie mit einem WYSIWYG-Stil-Editor eingeben. Ich brauche nicht automatisch vervollständigt Funktionen, nur die Markierung.

Als Follow-up-Frage, was ist der WYSIWYG-Editor, die Anwendungen Stackoverflow?

Edit: Dank der Antwort unten, fand ich zwei, die wie sie aussehen könnte meine Bedürfnisse anzupassen: EditArea und Codepress

EDIT: Sehen Sie diese Frage auch:
https://stackoverflow.com/questions/379185/free-syntax-highlighting- Editor-control-in-javascript

Answer 1

Hier ist ein wirklich interessanter Artikel darüber, wie man schreiben: (. Noch besser ist, gibt er die volle Quelle zu einem JavaScript-Formatierer und colorizer)

Implementierung eines Syntax-higlighting JavaScript-Editor in JavaScript oder Eine brutale Irrfahrt auf die dunkle Seite des DOM-Baum

  

Wie man anständige Syntax macht   Hervorhebung? Ein sehr einfaches Scannen   sagen, der Unterschied zwischen   Strings, Kommentare, Schlüsselwörter und andere   Code. Aber dieses Mal wollte ich   tatsächlich in der Lage sein, regelmäßig zu erkennen   Ausdrücke, so dass ich nicht jeden   eklatant falsches Verhalten mehr.

Wichtig ist, behandelt es regex richtig. Ebenfalls von Interesse ist, dass er eine Fortsetzung vorbei Stil Lexer / Parser anstelle der typischeren lex verwendet (oder reguläre Ausdrücke) basiert lexers, die Sie in der freien Natur sehen werden.

Als Bonus bespricht er eine Menge von realen Problemen, die Sie führen werden, wenn sie mit in JavaScript im Browser zu arbeiten.

Answer 2

Die Frage könnte besser gesagt als „Was-Syntax-Highlighting-Editor hat empfohlen, dass Sie eine HTML-Textarea in meinem Web-App zu ersetzen?“ (Einige der anderen Antworten hier beschäftigen sich mit Desktop-Anwendungen oder pure-Syntaxhervorhebungen, nicht clientseitige Editoren)

ich auch empfehlen Codemirror , es in Javascript geschrieben und unterstützt viele Browser. Es verwendet einen echten Parser (statt regexps) so kann es mit komplexen Problemen umgehen wie richtig entkommen Saiten hervorheben. Der Entwickler ist auch sehr reaktionsschnell auf die Diskussionsgruppe rel="noreferrer">

Answer 3

Siehe Google Code pretify .

Sehen Sie diese Frage für den Edit-Control, die Anwendungen Stackoverflow.

Answer 4

ich nicht eine Menge JavaScript-Programm aber JSEclipse hat in der Vergangenheit für mich sehr hilfreich gewesen. Es kommt als Eclipse-Plug-in.

Ich habe kostenlos es seit Jahren mit

http://www.interaktonline.com/products/eclipse/jseclipse/ Übersicht /

Ich verlasse ich auch stark auf Firebug für den Firefox, wenn ich mit Javascript umgehen

Answer 5

Sie können auch versuchen, http://softwaremaniacs.org/soft/highlight/en/ - es ist schnell, es ist nicht nur Javascript, aber viele andere Sprachen unterstützt. Und wenn Sie eine Live-Vorschau benötigen, wie die Hervorhebung funktioniert, können Sie setInterval verwenden, um die Hervorhebung laufen und sie in einem separaten Feld zeigen.

Answer 6

Obwohl es hat eine steile Lernkurve, Vim ist der beste Editor gibt, für jede Sprache. Es verfügt über eine GUI-Version, aber wirklich glänzt in Terminal Bearbeitung. Jede Zeit damit verbracht zu lernen, wie mit diesem Editor zu verwenden ist keine Zeit verschwendet. Es hat Syntax-Hervorhebung, wie Sie suchen, sowie Tausende (buchstäblich) von anderen Funktionen und Plugins.

Answer 7

Gotta go mit Bespin von Mozilla. Es wird unter Verwendung von HTML5-Funktionen gebaut (so es ist schnell und schnell, aber älteren Browser jedoch nicht unterstützt), aber auf jeden Fall erstaunlich, zu verwenden und schlägt alles, was ich kenne - wahrscheinlich beacause es ist Mozilla es sichern, und sie entwickeln Firefox so yeah. .. es gibt auch eine jQuery Plugin, das für sie eine Erweiterung enthält es ein bisschen leichter zu machen mit jQuery zu verwenden.

Answer 8

Leider diese zurück zu ziehen, aber das Beste, was ich in Codemirror gefunden haben http://codemirror.net/