Gibt es JavaScript-Syntax-Textmarker?

Question

Ich habe Syntax-Highlighter gefunden, die bereits vorhandenen Code hervorheben, aber ich würde es gerne bei der Eingabe mit einem WYSIWYG-ähnlichen Editor tun. Ich brauche keine automatischen Funktionen, nur die Hervorhebung.

Als eine Folgefrage, was ist der WYSIWYG-Editor, den Stackoverflow verwendet?

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

EDIT: Auch diese Frage Siehe:
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.)

Implementing a syntax-higlighting JavaScript editor in JavaScript oder Eine brutale Irrfahrt auf die dunkle Seite des DOM Baum

Wie macht man anständige Syntax Hervorhebung? Ein sehr einfaches Scannen kann den Unterschied zwischen Zeichenfolgen, Kommentare, Schlüsselwörter und andere Code unterscheiden. Aber dieses Mal wollte ich tatsächlich in der Lage sein, regelmäßige Ausdrücke zu erkennen, so dass ich keine eklatante Fehlverhalten mehr hatte.

Wichtigerweise behandelt es Regex korrekt. Interessant ist auch, dass er einen lexer/parser mit Fortsetzungsübergabe anstelle der typischen lex (oder regex) -basierten Lexer verwendete, die Sie in der Wildnis sehen.

Als Bonus diskutiert er viele reale Probleme, die bei der Arbeit mit JavaScript im Browser auftreten.

Answer 2

Google code pretify See.

Siehe diese Frage für die edit control that stackoverflow verwendet.

Answer 3

Ich programmiere nicht viel Javascript, aber JSEclipse war ziemlich hilfreich für mich in der Vergangenheit. Es kommt als Eclipse-Plugin.

Ich habe mit ihm seit Jahren kostenlos

http://www.interaktonline.com/products/eclipse/jseclipse/overview/

ich auf Firebug für Firefox auch stark vertrauen, wenn ich mit Javascript umgehen

Answer 4

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

Answer 5

Obwohl es eine steile Lernkurve hat, ist Vim der beste Editor da draußen, für jede Sprache. Es hat eine GUI-Version, aber wirklich glänzt in Terminal-Bearbeitung. Jede Zeit, die damit verbracht wird, den Umgang mit diesem Editor zu erlernen, ist keine Zeitverschwendung. Es hat Syntax-Highlighting, wie Sie suchen, sowie Tausende (wörtlich) anderer Features und Plugins.

Answer 6

Die Frage könnte besser als "Welche Syntax Highlighting-Editor empfehlen Sie eine HTML-Textfläche in meiner Web-App zu ersetzen?" (Einige der anderen Antworten hier befassen sich mit Desktop-Anwendungen oder reinen Textmarker, nicht clientseitige Editoren)

Ich empfehle auch CodeMirror, es ist in Javascript geschrieben und unterstützt viele Browser. Es verwendet einen echten Parser (anstatt Regexps), so dass es mit komplexen Problemen umgehen kann, wie zum Beispiel das korrekte Hervorheben von Strings. Der Entwickler reagiert auch sehr auf die discussion group.

Answer 7

Muss mit Bespin von Mozilla gehen. Es ist mit HTML5-Funktionen gebaut (so ist es schnell und schnell, aber nicht unterstützt Legacy-Browsern), aber auf jeden Fall erstaunlich zu verwenden und schlägt alles, was ich rübergekommen bin - wahrscheinlich, weil Mozilla es unterstützt, und sie Firefox so yeah entwickeln. .. Es gibt auch eine jQuery Plugin which contains a extension for it, um es mit jQuery etwas einfacher zu machen.

Answer 8

Leider diese wieder nach oben zu ziehen, aber das Beste, was ich in Codemirror http://codemirror.net/