Pregunta

He encontrado la sintaxis de los lápices de colores que destacan el código pre-existente, pero me gustaría hacerlo como escribir con un WYSIWYG editor de estilo.No necesito auto-completado funciones, sólo el resaltado.

Como un seguimiento de la cuestión, ¿qué es el editor WYSIWYG que stackoverflow utiliza?

Editar:Gracias a la respuesta de abajo, me encontré con dos que parecen que podrían satisfacer mis necesidades:EditArea y CodePress

EDITAR:Ver esta pregunta también:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript

¿Fue útil?

Solución

Aquí hay un artículo muy interesante acerca de cómo escribir un:(Incluso mejor, da el código fuente completo de JavaScript formateador y colorizer.)

La implementación de una sintaxis-higlighting editor JavaScript en JavaScript o Un brutal odisea del lado oscuro en el árbol DOM

¿Cómo hacer uno decente sintaxis destacar?Una muy simple escaneo puede decir la diferencia entre cadenas, comentarios, palabras clave y otros código.Pero esta vez yo quería en realidad no sea capaz de reconocer regular las expresiones, por lo que no tengo ninguna descarado comportamiento incorrecto ya.

Es importante destacar que, se encarga de regex correctamente.También de interés es el que se utiliza una continuación de pasar estilo de lexer/parser en lugar de los típicos lex (o regex) basado lexers que vas a ver en la naturaleza.

Como un bono habla de un montón de problemas del mundo real que se ejecutan en cuando se trabaja con JavaScript en el navegador.

Otros consejos

La pregunta podría ser mejor dicho, como "Lo que la sintaxis destacar editor no se recomienda para sustituir a html textarea en mi web app?" (Algunas de las otras respuestas aquí lidiar con las aplicaciones de escritorio o de pura sintaxis de los lápices de colores, no del lado del cliente editores)

También recomiendo CodeMirror, está escrito en Javascript y admite un montón de navegadores.Utiliza un verdadero analizador (en lugar de regex) de modo que pueda lidiar con problemas complejos como correctamente destacando escapado de las cadenas.El desarrollador también es muy sensible en la grupo de discusión.

Ver Código de Google pretify.

Ver a esta pregunta para el control de edición que stackoverflow los usos.

Yo no programa una gran cantidad de javascript pero JSEclipse ha sido muy útil para mí en el pasado.Se trata de un plugin de Eclipse.

Yo he estado usando para años gratis

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

Yo también dependen en gran medida de FireBug para Firefox siempre me trato con Javascript

También puede intentar http://softwaremaniacs.org/soft/highlight/en/ - es rápido, no solamente soporta javascript, pero muchos otros idiomas.Y si usted necesita una vista previa en vivo de cómo el resaltado el trabajo, usted puede usar setInterval para ejecutar el resaltado y la muestra en una caja separada.

Aunque tiene una curva de aprendizaje empinada, Vim es el mejor editor de ahí, para cualquier idioma.Tiene una interfaz gráfica de usuario de la versión, pero realmente brilla en la terminal de edición.Cualquier tiempo invertido en aprender a usar este editor no es tiempo perdido.Se ha resaltado de sintaxis, ya que usted está buscando, así como miles (literalmente) de otras características y plugins.

Tengo que ir con Bespin por Mozilla.Está construido utilizando funciones de HTML5 (por lo que es rápido y rápido, pero no es compatible con navegadores antiguos, aunque), pero definitivamente increíble a utilizar y los ritmos de todo lo que he encontrado - probablemente porque es Mozilla copias, y se desarrollan con Firefox así que sí...También hay un Plugin de jQuery que contiene una extensión para ti para hacer un poco más fácil para utilizar con jQuery.

Lo siento para arrastrar esta de vuelta, pero el mejor que he encontrado en CodeMirror http://codemirror.net/

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top