Plugin jQuery para HTML Editor con coloreado de sintaxis

Question

Estoy buscando un complemento jQuery que muestre un área de texto para la edición de HTML &.

Las cosas que estoy buscando:

1. debe ser compatible con la autoría del HTML, no una representación WYSIWYG
2. Debe colorear el HTML a medida que escribe como cualquier IDE cliente enriquecido haría.
3. Debería ser jQuery, pero el JS nativo también estaría bien.

He jugado con MarkItUp que me obtiene el 90% allí, pero no ofrece ninguna coloreado de sintaxis. Y WYMeditor, por lo que puedo ver, no tiene opción para "ver código" y, en cambio, es solo una vista WYSIWYG.

¿Alguien por ahí ha hecho algo así en el pasado?

Answer 1

Use CodeMirror. Es el resaltador utilizado por Google para their API playground.

Yo lo he probado y funciona bien, y de acuerdo con su sitio funciona en los siguientes navegadores:

• Firefox 1.5 o superior
• Internet Explorer 6 o superior
• Safari 3 o
mayor
• Opera 9.52 o superior
• Chrome

No entiendo por qué mencionas jQuery en este caso, ya que jQuery no tiene nada relevante para lo que debes hacer, aparte de su motor de selección, que podría usarse para encontrar el cuadro de texto para el que quieres habilitar el resaltado de sintaxis (aunque si poner un id en él tampoco debería necesitar jQuery para eso.)

Es mejor ir con una biblioteca independiente que está especialmente diseñada para resolver la tarea en cuestión (que CodeMirror es). Obtendrá máximo rendimiento y será mucho más fácil de mantener por los desarrolladores, asegurando una mejor calidad del código.

Answer 2

También debería echar un vistazo a EditArea

No utiliza jQuery, pero no va a entrar en conflicto con ella tampoco.

Answer 3

También utilicé Codemirror en kodingen.com ahora es koding.com, Codemirror está muy bien escrito, puede obtener el código fuente y cambiarlo según sus necesidades.

Pero también puede marcar amyeditor, también es muy avanzado y admite más idiomas que codemirror. También puedes obtener su código fuente de github.

creo que sirve ...

Answer 4

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 jQuery Plugin which contains a extension for it para que sea un poco más fácil de usar con jQuery.

Answer 5

Eche un vistazo a Ace, en el que Mozilla fusionó sus esfuerzos Skywriter/Bespin. Admite más de 60 idiomas con resaltado de sintaxis de código del lado del cliente. El código fuente está abierto y disponible en github.