validacion - ¿Hay marcadores de sintaxis en vivo de JavaScript?
validar formulario javascript html5 (8)
Aquí hay un artículo realmente interesante sobre cómo escribir uno: (Aún mejor, él da la fuente completa a un formateador y colorizer de JavaScript.)
Implementación de un editor de JavaScript con sintaxis destacada en JavaScript o una odisea brutal en el lado oscuro del árbol DOM
¿Cómo se puede hacer resaltar la sintaxis decente? Un escaneo muy simple puede indicar la diferencia entre cadenas, comentarios, palabras clave y otro código. Pero esta vez quería ser capaz de reconocer expresiones regulares, por lo que ya no tenía ningún comportamiento flagrante.
Es importante destacar que maneja la expresión regular correctamente. También resulta interesante que utilizó un lector / analizador de estilo de paso de continuación en lugar de los lexers basados en lex (o regex) más típicos que verás en la naturaleza.
Como beneficio adicional, analiza un montón de problemas del mundo real con los que te encontrarás cuando trabajes con JavaScript en el navegador.
He encontrado marcadores de sintaxis que resaltan el código preexistente, pero me gustaría hacerlo mientras escribes con un editor de estilo WYSIWYG. No necesito funciones autocompletadas, solo el resaltado.
Como pregunta de seguimiento, ¿cuál es el editor WYSIWYG que usa stackoverflow?
Editar: gracias a la respuesta a continuación, encontré dos que parecen que podrían satisfacer mis necesidades: EditArea y CodePress
EDITAR: vea esta pregunta también:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript
No programo un montón de javascript, pero JSEclipse ha sido bastante útil para mí en el pasado. Se presenta como un complemento de Eclipse.
Lo he estado usando durante años gratis
http://www.interaktonline.com/products/eclipse/jseclipse/overview/
También confío mucho en FireBug para Firefox siempre que trato con Javascript
A pesar de que tiene una curva de aprendizaje empinada, Vim es el mejor editor disponible para cualquier idioma. Tiene una versión de GUI, pero realmente brilla en la edición de terminales. El tiempo dedicado a aprender a usar este editor no es una pérdida de tiempo. Tiene resaltado de sintaxis, como lo está buscando, así como miles (literalmente) de otras características y complementos.
La pregunta podría ser mejor expresada como "¿Qué editor de resaltado de sintaxis recomienda reemplazar un área de texto html en mi aplicación web?" (Algunas de las otras respuestas aquí se refieren a aplicaciones de escritorio o marcadores de sintaxis pura, no editores del lado del cliente)
También recomiendo CodeMirror , está escrito en Javascript y admite muchos navegadores. Utiliza un analizador real (en lugar de expresiones regulares) por lo que puede tratar problemas complejos como resaltar correctamente las cadenas escapadas. El desarrollador también es muy receptivo en el grupo de discusión .
También puede probar http://softwaremaniacs.org/soft/highlight/en/ - es rápido, no solo admite JavaScript sino muchos otros idiomas. Y si necesita una vista previa en vivo de cómo funcionará el resaltado, puede usar setInterval para ejecutar el resaltado y mostrarlo en un cuadro separado.
Tengo que ir con Bespin por Mozilla. Está construido con características HTML5 (por lo que es rápido y rápido, pero no admite navegadores heredados), pero definitivamente increíble de usar y supera todo lo que he encontrado, probablemente porque es Mozilla que lo respalda, y desarrollan Firefox así que sí. .. También hay un complemento jQuery que contiene una extensión para que sea un poco más fácil de usar con jQuery.
Perdón por arrastrar esta copia de seguridad pero la mejor que he encontrado en CodeMirror http://codemirror.net/
Ver código de Google pretify .
Vea esta pregunta para el control de edición que usa .