Y a-t-il un bon éditeur de code dans le navigateur?
Nous avons tous vu des éditeurs de texte riche en navigateurs, qui vous permettent de modifier du texte coloré/style de manière wysiwyg. Mais qu'en est-il des éditeurs de code, qui mettent en évidence automatiquement le code en fonction des règles de langue que vous tapez? Pensez éclipser dans une textureea (mais sans le support de refactoring).
Est-ce que de telles choses existent? J'imagine que l'échelle serait un problème - des fichiers plus importants seraient difficiles à éditer efficacement.
Codemirror est livré avec prise en charge de plus de 60 langues et des addons qui mettent en œuvre une fonctionnalité d'édition plus avancée (autocomplétion, pliage de code, liaisons de clés configurables, recherche et remplacement, Linter intégration, etc.). Une API de programmation riche et un système de thème CSS sont disponibles pour la personnalisation du CODEMIRROR et la prolonger avec de nouvelles fonctionnalités.
Il a été développé depuis début 2007, a une page de Wikipedia , et est utilisée dans un grand nombre de projets open source populaires (Joomla, Firebug, etc. ).
Ace . Ils n'utilisent pas d'iframe.
Le Editarea JavaScript Bibliothèque fait un bon travail. Il est utilisé par le système de gestion de contenu opencms en tant que rédacteur en chef JSP et JavaScript. La coloration obtient un peu confondue lorsque le fichier est> 2000 lignes environ.
La liste des fonctionnalités de leur page est la suivante:
- Facile à intégrer, un seul script inclut et un appel de fonction
- Prise en charge de l'onglet (permettant d'écrire un code source bien formé)
- Rechercher et remplacer (avec REGEXP)
- Sélection de la syntaxe en temps réel personnalisable (actuellement: PHP, CSS, JavaScript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf * CK)
- Indenter automatiquement de nouvelles lignes
- Numérotation de ligne
- Support multilingue (actuellement: croate, danois, anglais, français, allemand, italien, japonais, polonais, portugais)
- Mode plein écran
- Peut fonctionner dans le même environnement que "Protype" et les bibliothèques comme les biologiques.
MOZILLA'S BESPIN a regardé très intéressant, mais le projet était discontinué .
Cloud9 a l'air intéressant si vous êtes un développeur JavaScript.
Amy Editor est un autre éditeur basé sur le navigateur que j'ai rencontré aujourd'hui - on dirait qu'il essaie d'imiter Textmate dans le navigateur - y compris des paquets et des extraits - bien que le projet ait l'air, il est probable que ce soit probablement mort ... Page d'accueil/Démo et source sur github
vous pouvez vérifier dockphpStackhive pour le développement Web (basé sur Codemirror). À l'heure actuelle, il prend en charge le développement HTML/CSS mais je travaille également sur Live JavaScript - ..
Disclaimer: Je suis le fondateur à dockphp :)
J'utilise Codiadiad. Je l'ai utilisé avec PHP, JS et C. Caractéristiques:
- Prise en charge de la bibliothèque de plugins plus de 40 langues
- Vérification des erreurs et notifications
- Soutien à l'utilisateur mutliple
- Écran de l'éditeur
- Redondancement localStorage
- Outils de recherche avancés
- Intelligent automatique complet
- Édition collaborative en temps réel
- Plus de 20 thèmes de couleur de syntaxe
- Complètement open source
- Source facilement personnalisée
- Fonctionne sur votre propre serveur
- Sauvegardes de téléchargement rapide
- Espace d'écran de rédaction maximum
- support linguistique I18N
Ceci est une suggestion latérale - mais j'utilise le plugin Firefox "c'est tout texte!" Pour envoyer mes zones de texte à la modification - toutes les bonnes balises, rechercher, etc.
Bien sûr, cela dépend de l'utilisateur et ne peut pas être facilement déployé aux visiteurs, si c'est votre intention.
Cependant, j'ai tendance à être irritée par les limitations des éditeurs de navigateurs, de toute façon. (Le chemin SO capture mon CK pendant les modifications m'atprise toujours hors garde ... [ce qui signifie que je ne modifie pas tout Dans Emacs ...])
Eclipse Orion fournit un Code Modifier et un éditeur minifié Orion Editor . Vous pouvez voir son Demo ici .
codesandbox.com est un choix à venir pour plusieurs cadres.