Resaltado de sintaxis para áreas de texto del lado del administrador (durante la edición de nodo o bloque) [cerrado]

8

Estoy tratando de encontrar un módulo que resalte HTML (y preferiblemente CSS / JavaScript dentro de las etiquetas de estilo / script, pero eso es una ventaja adicional) cuando estoy editando un nodo o bloque en el lado administrativo de Drupal.

Si bien busqué en drupal.org módulos de resaltado de sintaxis y encontré opciones como GeSHi y Syntax Highlighter , ambos parecen ser para el contenido final orientado al público y no para el lado administrativo. ¿Me equivoco y sería adecuado para mí? También he visto algunos proyectos que destacan los bloques de código PHP, pero eso es menos importante para mí que HTML / CSS / JavaScript.

Nunca uso un editor WYSIWYG para mi propio HTML, pero algunos resaltados serían muy útiles para editar mi contenido.

input-formats phette23
fuente
@Molot revisa esto drupalmotion.com/article/syntax-highlighting-drupal
Bala
La pregunta de @Bala es sobre el resaltado de sintaxis en el editor . Los formatos de texto (filtros) son para mostrar . No puedo ver nada relevante en el artículo que vinculó
Mołot
1
@ Mołot hará este ejercicio drupal.org/project/ace_editor para usted, pero parece completamente para el editor de código
Bala
@Bala como se indica en su respuesta, no pude hacer que el as funcionara: su barra se mostró correctamente, no hubo errores en la consola js o en el perro guardián, pero simplemente no resaltó nada. Probado en las versiones de desarrollo y 2012 con el mismo resultado (falta de). Si puede mostrar cómo configurarlo paso a paso, estaría perfectamente bien :)
Mołot
@ Mołot lo siento, solo noté ese comentario.
Bala

Respuestas:

4

Utilizo el módulo BUEditor , para el cual puede agregar resaltado de sintaxis con alguna configuración adicional . Puede especificar que solo se permita a los administradores acceder a esta interfaz a través de la página de opciones del módulo.

Instrucciones paso a paso

  1. Instale el módulo BUEditor (utilicé 1.6).
  2. Descargue bue.highlight.min.css y bue.highlight.min.js desde esta página . Coloqué estos archivos en un bueditordirectorio dentro del directorio para mi tema personalizado.
  3. Ir a la página de configuración BUEditor: /admin/config/content/bueditor. Edite la configuración de las versiones relevantes de BUEditor (probablemente por defecto, pero depende de cuál asigne a cada rol; si lo desea, puede configurar diferentes opciones de BUEditor por rol, pero luego deberá configurar la sintaxis destacando para cada uno.)
  4. En la pantalla de configuración del Editor, haga clic en la pestaña Rutas del editor y luego agregue los siguientes archivos de biblioteca específicos del Editor ( Mi ejemplo supone que coloca el JS en su directorio de temas ):

    % THEME / bueditor / bue.highlight.min.css
    % THEME / bueditor / bue.highlight.min.js ejemplo de rutas de editor

  5. Luego, desplácese hacia abajo hasta la parte inferior de esa página (debajo de Botones ) y agregue tpl:syntaxjunto con este código:

js: BUE.postprocess._turnOnHlight = function (E, $) {setTimeout (function () {E.highlight ('html')}); };

ejemplo de sintaxis

Luego guarde la configuración y debería estar listo para comenzar.

Patrick Kenny
fuente
Gracias, pero eso es bastante mal hilighting. Lo usé en algunos sitios antes, pero ya no lo uso. No es compatible con la iluminación anidada. Por ejemplo, si escribe en HTML y luego abre una etiqueta PHP, no obtendrá el resaltado de su código php. ¿Has encontrado algo mejor?
ANDiTKO
Lo siento, sé que no es perfecto, pero es la única solución que conozco.
Patrick Kenny el
Hola. No pude hacerlo funcionar. ¿No está desactualizado? ¿Y podría proporcionarnos instrucciones centradas en Drupal? Vea la descripción de la recompensa: no pude resolverlo, así que si lo está utilizando, ¿podría actualizar / expandir?
Mołot
@ Mołot No, no está desactualizado. Funcionó en mi sitio durante 1,5 años sin cambios, y tengo instalada la versión actual. Sin embargo, es complicado configurarlo, así que agregué instrucciones paso a paso.
Patrick Kenny
Además, por alguna razón, el formateador Markdown siguió estropeando mi formato, por lo que no es muy bonito. Lo siento, no puedo formatearlo más limpiamente.
Patrick Kenny
4

El módulo Wysiwyg CodeMagic tiene la opción, vea la demostración

CodeMagic es un complemento de editor de código fuente avanzado para Tinymce . Integra la biblioteca CodeMirror para colorear la sintaxis y la biblioteca JSBeautifier para formatear y sangrar el código.

Como ya mencioné Ace Code Editor , puedes probar este parche con la combinación de wysiwyg editor. Puedes encontrar el parche aquí

Bala
fuente
1
Maldita sea, ahora parece que tendré que establecer segundas recompensas para ser justos;) Especialmente si ambas respuestas funcionarán. Necesito probarlos.
Mołot
@ Mołot Siéntase libre de otorgar la recompensa por esta respuesta (o cualquier respuesta futura) si el resaltado de sintaxis funciona bien. El resaltado de sintaxis de BUEditor funciona, pero dependiendo del navegador puede ponerse un poco feo; Es una solución que funciona, pero dudaría que sea la mejor solución.
Patrick Kenny el