Existe um bom editor de código no navegador? [fechado]

todos vimos editores de texto ricos em navegador, que lhe permitem editar texto colorido / estilo de forma WYSIWYG. Mas e os editores de código, que automaticamente destacam o código baseado em regras de linguagem como você digita? Pense Eclipse em um textarea (mas sem o Suporte de refactoring).

Existem tais coisas? Eu imagino que escalar seria um problema-arquivos maiores seria difícil de editar eficientemente.

Author: levik, 2008-10-13

11 answers

CodeMirror vem com suporte para 60 + idiomas, e addons que implementam funcionalidade de edição mais avançada (completação automática, dobragem de código, combinações de teclas configuráveis, busca & substituição, integração de linter etc.). Uma API de programação rica e um sistema de tema CSS estão disponíveis para personalizar o CodeMirror, e estendê-lo com nova funcionalidade.

Tem sido desenvolvido desde o início de 2007, tem uma Página da Wikipédia , e está a ser usado num grande número de populares projectos de código aberto (Joomla, Firebug, etc.).

 38
Author: interstar, 2016-05-05 10:20:45

Ace . Eles não usam um iFrame.

 13
Author: crizCraig, 2016-05-05 10:13:51

A biblioteca javascript faz um bom trabalho. É usado pelo OpenCMS sistema de gestão de conteúdos, uma vez que está instalado no JSP e no editor de JavaScript. A colorização fica um pouco confusa quando o arquivo é > 2000 linhas ou assim.

A lista de funcionalidades da sua página é:

  • Fácil de integrar, apenas um script inclui e uma chamada de função
  • Suporte de páginas (permitir escrever um código-fonte bem formatado)
  • procurar e substituir (com regexp)
  • realce de sintaxe personalizado em tempo real (actualmente: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf*ck)
  • indentar automaticamente novas linhas
  • numeração de linhas
  • Suporte multilíngue (actualmente: Croata, Dinamarquês, Inglês, Francês, Alemão, Italiano, Japonês, Polaco, Português)
  • Modo de ecrã completo
  • pode trabalhar no mesmo ambiente que as bibliotecas" protype"e " mootools".
 8
Author: Tim Howland, 2011-07-08 13:11:14

O Bespin do Mozilla parecia Muitointeressante, mas o projecto foi descontinuado.

 7
Author: interstar, 2014-10-22 05:16:40

Esta é uma sugestão lateral -- mas eu uso o plugin Firefox " é tudo texto!" para enviar as minhas áreas de texto para a edição -- todas as boas marcações, pesquisa, etc.

É claro que isto depende do utilizador, e não pode ser facilmente enviado aos visitantes, se é essa a sua intenção. No entanto, tenho tendência a ficar irritado com as limitações dos editores do navegador. (Da maneira que captura o meu C-k durante as edições ainda me apanha desprevenido... o que significa que não edito Tudo em Emacs...])
 1
Author: Michael Paulukonis, 2009-01-09 21:04:03

Javascript VI , tem alguns bugs, mas é uma ideia interessante. VI FTW!

 1
Author: hacama, 2016-05-05 10:16:43

Podes verificar o dockPHP StackHive para o desenvolvimento da web (baseado no codemirror). Neste momento, ele suporta o desenvolvimento HTML / CSS, mas eu estou trabalhando em live javascript-ing também..

Aviso: sou o fundador da dockPHP:)

 1
Author: Kshitiz Shankar, 2016-05-05 10:18:34

Cloud9 parece interessante se você é um Desenvolvedor JavaScript.

O editor Amy é outro editor baseado em browser que encontrei hoje-parece que está a tentar imitar o TextMate no navegador-incluindo pacotes e excertos - embora o projecto pareça estar provavelmente morto... Homepage / Demo and source on GitHub

 1
Author: Chris, 2016-05-05 10:20:00

Uso código. Usei-o com PHP, js e C. Características:

  • Suporte para mais 40 línguas Biblioteca De Plugins
  • verificação de erros e notificações
  • Suporte de utilizador Mutliple
  • Divisão do ecrã do Editor
  • redundância LocalStorage
  • ferramentas avançadas de pesquisa
  • Smart Auto-complete
  • Edição colaborativa em tempo Real
  • mais de 20 temas de sintaxe de cores
  • Completamente De Código Aberto
  • Fonte facilmente personalizada
  • continua o seu próprio servidor
  • Cópias de segurança para Download rápido
  • espaço máximo no ecrã do editor
  • suporte linguístico i18n

Http://codiad.com

 1
Author: hamboy75, 2017-12-01 17:11:37

O Eclipse Orion oferece uma edição de código e um Editor de Orion minificado. Você pode ver sua demonstração aqui .

 0
Author: niutech, 2016-05-05 10:16:03

Codesandbox.com é uma escolha que se aproxima para vários enquadramentos.

 0
Author: Chance Smith, 2018-07-18 03:46:41