Syntaxe gratuite Mise en surbrillance du contrôle de l'éditeur en JavaScript

Question

Je dois permettre à l'utilisateur de modifier du code dans mon application Web. Je veux mettre en évidence la syntaxe pendant qu'il tape.

Remarque: J'ai besoin que le code soit surligné à la volée, directement dans le contrôle de l'éditeur . Je n'ai pas besoin de surligneurs de source hors ligne.

Existe-t-il un éditeur de code gratuit basé sur JavaScript qui fait le travail?

Je vais devoir mettre en évidence la syntaxe Lua, mais je peux l’ajouter moi-même si l’API de l’éditeur est adéquate.

Answer 1

Je viens de tomber sur CodeMirror, qui, apparemment, est également en cours d'utilisation par Google AJAX Api aire de jeux, qui sert une bonne démo.

Ce on enrichit un textarea (à l'aide d'un iframe v2 n'est plus utilise une iframe) et est donc modifiable, contrairement à Embellir et SyntaxHighlighter, qui se borne à donner la coloration syntaxique pour un non-modifiable élément. Il travaille également dans WebKit, qui EditArea n'ai pas lorsque je l'ai testé.

Mise à jour: beaucoup, beaucoup de langues maintenant pris en charge. Un bémol cependant: il semble bien que la fonction intégrée de support de la langue est limitée à infoclient développement web trucs, comme Javascript, XHTML, CSS, etc, et pas beaucoup de langages côté serveur (corrigez-moi si je me trompe).

Answer 2

Celui-ci est assez bon Modifier la zone

Answer 3

http://ace.ajax.org jusqu'au bout!

Answer 4

Vous avez une liste d'éditeurs de code source javascript sur wikipedia:

http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_edit_editors

Edit: btw ... Je recommande également CodeMirror :) Mais Ace est également très joli.

Answer 5

Je dois y aller avec Bespin par Mozilla. Il est construit à l'aide de fonctionnalités de HTML5 (donc c'est rapide et rapide, mais ne prend pas en charge les anciens navigateurs), mais certainement étonnant à utiliser et bat tout ce que j'ai rencontré - probablement à cause, c'est Mozilla sauvegarde, et ils développent Firefox alors oui... Il y a aussi un Plugin jQuery qui contient une extension pour elle pour le rendre un peu plus facile à utiliser avec jQuery.