Existe algum marcador de sintaxe ao vivo em JavaScript?[fechado]

Question

Encontrei marcadores de sintaxe que destacam código pré-existente, mas gostaria de fazer isso enquanto você digita com um editor estilo WYSIWYG.Não preciso de funções preenchidas automaticamente, apenas do destaque.

Como pergunta complementar, qual é o editor WYSIWYG que o stackoverflow usa?

Editar:Graças à resposta abaixo, encontrei duas que parecem atender às minhas necessidades:Área de edição e CodePress

EDITAR:Veja esta pergunta também:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript

Answer 1

Aqui está um artigo realmente interessante sobre como escrever um:(Melhor ainda, ele fornece o código-fonte completo para um formatador e colorizador JavaScript.)

Implementando um editor JavaScript com destaque de sintaxe em JavaScriptou uma odisseia brutal para o lado sombrio da árvore Dom

Como se destaca a sintaxe decente?Uma digitalização muito simples pode dizer a diferença entre seqüências de caracteres, comentários, palavras -chave e outro código.Mas desta vez eu queria realmente reconhecer expressões regulares, para não ter mais um comportamento incorreto flagrante.

É importante ressaltar que ele lida com regex corretamente.Também é interessante que ele usou um lexer/analisador de estilo de passagem de continuação em vez dos lexers baseados em lex (ou regex) mais típicos que você verá na natureza.

Como bônus, ele discute vários problemas do mundo real que você encontrará ao trabalhar com JavaScript no navegador.

Answer 2

A pergunta pode ser melhor declarada como "Qual editor de iluminação de sintaxe você recomendou para substituir uma textarea html no meu aplicativo da web?" (Algumas das outras respostas aqui lidam com aplicativos de desktop ou marcadores de sintax pura, e não editores do lado do cliente)

Eu também recomendo CodeMirror, está escrito em Javascript e oferece suporte a vários navegadores.Ele usa um analisador real (em vez de regexps) para poder lidar com problemas complexos, como destacar corretamente strings de escape.O desenvolvedor também é muito responsivo no grupo de discussão.

Answer 3

Ver Pretificação do código do Google.

Veja esta pergunta para o editar controle que stackoverflow usa.

Answer 4

Eu não programo muito javascript, mas o JSEclipse tem sido muito útil para mim no passado.Ele vem como um plug-in do Eclipse.

Eu uso isso há anos de graça

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

Também confio muito no FireBug para Firefox sempre que lido com Javascript

Answer 5

Você também pode tentar http://softwaremaniacs.org/soft/highlight/en/ - é rápido, suporta não apenas javascript, mas muitas outras linguagens.E se precisar de uma visualização ao vivo de como o realce funcionará, você pode usar setInterval para executar o realce e mostrá-lo em uma caixa separada.

Answer 6

Embora tenha uma curva de aprendizado acentuada, Vim é o melhor editor que existe, para qualquer idioma.Possui uma versão GUI, mas realmente brilha na edição de terminal.Qualquer tempo gasto aprendendo como usar este editor não é tempo perdido.Possui destaque de sintaxe, como você procura, além de milhares (literalmente) de outros recursos e plugins.

Answer 7

Tenho que ir com Bespin pela Mozilla.Ele é construído usando recursos HTML5 (por isso é rápido e rápido, mas não suporta navegadores legados), mas definitivamente incrível de usar e supera tudo que encontrei - provavelmente porque é o Mozilla que o apoia, e eles desenvolvem o Firefox, então sim. ..Há também um Plugin jQuery que contém uma extensão para ele para torná-lo um pouco mais fácil de usar com jQuery.

Answer 8

Desculpe arrastar isso de volta, mas o melhor que encontrei no CodeMirror http://codemirror.net/