javascript - subrayado - Textarea que puede hacer resaltado de sintaxis sobre la marcha?
poner en negrita texto en java (7)
Estoy almacenando una cantidad de bloques HTML dentro de un CMS por razones de mantenimiento más fácil. Están representados por <textarea> s.
¿Alguien conoce un Widget de JavaScript de algún tipo que pueda resaltar la sintaxis para HTML dentro de un área de textarea o similar, sin dejar de ser un editor de texto plano (sin WYSIWYG o funciones avanzadas)?
¿Por qué los representas como textareas? Este es mi favorito:
http://alexgorbatchev.com/wiki/SyntaxHighlighter
Pero si está usando un CMS, probablemente haya un mejor complemento. Por ejemplo, wordpress tiene una versión evolucionada:
http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/
Aquí está la respuesta que he hecho a una pregunta similar ( Online Code Editor ) sobre programmers :
Primero, puedes echarle un vistazo a este artículo:
http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors .
Para obtener más información, aquí hay algunas herramientas que parecen encajar con su solicitud:
EditArea - Demostración como FileEditor que es una Extensión Yii - ( Licencia de Software Apache, BSD, LGPL )
Aquí está EditArea, un editor de JavaScript gratuito para el código fuente. Permite escribir código fuente bien formateado con numeración de líneas, soporte de pestañas, búsqueda y reemplazo (con regexp) y resaltado de sintaxis en tiempo real (personalizable).
CodePress - Demo de Joomla! Complemento CodePress - ( LGPL ) - No funciona en Chrome y parece que el desarrollo ha cesado.
CodePress es un editor de código fuente basado en web con resaltado de sintaxis escrito en JavaScript que colorea el texto en tiempo real mientras se escribe en el navegador.
CodeMirror : una de las muchas demostraciones ( licencia de MIT-style + soporte comercial opcional )
CodeMirror es una biblioteca de JavaScript que se puede usar para crear una interfaz de editor relativamente agradable para contenido tipo código: programas de computadora, marcado HTML y similares. Si se ha escrito un modo para el idioma que está editando, el código se coloreará y el editor le ayudará opcionalmente con la sangría.
Ace - Demo - ( Mozilla tri-license (MPL / GPL / LGPL) )
Ace es un editor de código independiente escrito en JavaScript. Nuestro objetivo es crear un editor de código basado en la web que combine y amplíe las funciones, la usabilidad y el rendimiento de editores nativos existentes como TextMate, Vim o Eclipse. Se puede incrustar fácilmente en cualquier página web y aplicación de JavaScript. Ace se desarrolló como editor principal para Cloud9 IDE y el sucesor del proyecto Mozilla Skywriter (Bespin).
El único editor que conozco tiene resaltado de sintaxis y una alternativa a un área de texto es Mozilla Bespin . Busque en Google por insertar Bespin para ver cómo insertar el editor. El único sitio que conozco que usa esto ahora mismo es la galería muy alfa Mozilla Jetpack (en la página de presentación de Jetpack) y es posible que desee ver cómo lo incluyen.
También hay una publicación de blog sobre la incorporación y reutilización del editor de Bespin que puede ser útil.
No es posible alcanzar el nivel requerido de control sobre la presentación en un área de texto regular.
Si estás de acuerdo con eso, prueba CodeMirror o Ace (anteriormente bespin y bespin ).
Del hilo duplicado: un enlace obligatorio de wikipedia: http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors
Recomendaría EditArea para la edición en vivo de una sintaxis de texto resaltado.
Actualización: Bespin ahora es ACE, que se menciona por la respuesta mejor calificada aquí. Use ACE en su lugar.
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.