190 votes

Textarea qui peut faire la coloration syntaxique à la volée ?

<p>Je suis stocker un nombre de blocs HTML à l’intérieur d’un CMS pour des raisons de maintenance plus facile. Ils sont représentés par <code></code> s.<p>Quelqu'un sait-il un JavaScript Widget quelconque qui peut faire syntaxique simultanée du HTML dans un <code></code> ou similaire, tout en restant encore un éditeur de texte (non WYSIWYG ou des fonctions avancées) ?</p></p>

203voto

Nickolay Points 14384

Il n'est pas possible d'atteindre le niveau requis de contrôle sur la présentation dans un textarea.

Si vous êtes OK avec ça, voir CodeMirror ou peut-être même skywriter (anciennement bespin) maintenant fusionnés en Ace.

À partir de la double fil - une obligation de lien wikipédia: http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors

24voto

Pascal Qyy Points 2587

Voici la réponse que j'ai faite à une question similaire (en Ligne de l'Éditeur de Code) sur les programmeurs:

Tout d'abord, vous pouvez prendre un coup d'oeil à cet article:
Wikipédia ― Comparaison de JavaScript basé sur le code source des éditeurs.

Pour en savoir plus, voici quelques outils qui semblent correspondre à votre demande:

  • EditAreaDémo comme FileEditor qui est un Yii Extension ― (Apache Software License BSD, LGPL)

    Voici EditArea, un éditeur de javascript pour le code source. Il permet d'écrire bien formaté le code source avec la ligne de numerotation, onglet de soutien, de recherche et de remplacement (avec regexp) et de vivre la coloration syntaxique (personnalisable).

  • CodePressDémo de Joomla! CodePress Plugin ― (LGPL) ― Il ne fonctionne pas sous Chrome et il semble que le développement a cessé.

    CodePress est basé sur le web éditeur de code source avec coloration syntaxique écrit en JavaScript que les couleurs de texte en temps réel, alors qu'il est tapé dans le navigateur.

  • CodeMirrorl'Une des nombreuses démo ― (MIT-style de licence + en option un support commercial)

    CodeMirror est une bibliothèque JavaScript qui peut être utilisé pour créer une relativement agréable interface de l'éditeur de code comme le contenu des programmes d'ordinateur, des balises HTML, et similaires. Si la mode a été écrite pour la langue que vous êtes en train de modifier le code de couleur, et l'éditeur permet également de vous aider avec l'indentation

  • Ace Ajax.org Cloud9 ÉditeurDémo ― (Mozilla tri-license (MPL/GPL/LGPL))

    Ace est une application autonome de l'éditeur de code écrit en JavaScript. Notre objectif est de créer un basé sur le web de l'éditeur de code qui correspond et étend les fonctionnalités, la facilité d'utilisation et la performance de l'existant natif éditeurs comme TextMate, Vim ou Eclipse. Il peut être facilement intégré dans n'importe quelle page web et JavaScript de l'application. Ace est conçu comme le principal éditeur de Cloud9 IDE et le successeur de Mozilla Skywriter (Bespin) du Projet.

18voto

Anonymous Points 151

CodePress le fait, tout comme EditArea . Les deux sont open source.

9voto

Daniel Bardi Points 139

Je recommanderais EditArea pour l'édition en direct d'une syntaxe de texte surlignée.

7voto

balupton Points 17805

Mise à jour: Bespin est maintenant l'ACE, qui est mentionné par la plus haute cote de réponse ici. Utiliser ACE à la place.

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.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by: