2011-05-14 27 views
10

Escribo una aplicación y dentro del código HTML tengo etiquetas personalizadas (por supuesto, estas etiquetas se analizan en el lado del servidor y el usuario final las obtiene como código HTML válido). Ejemplo de uso de etiquetas personalizadas:Eclipse: ¿cómo ampliar el editor HTML para agregar etiquetas personalizadas?

<html> 
<body> 
... 
    <Gallery type="grid" title="My Gallery" /> 
... 
</body> 
</html> 

1.) ¿Cómo puedo reconocer mis Eclipse he etiquetas personalizadas dentro de código HTML y añadir resaltado de sintaxis para ellos?
2.) ¿Cómo puedo agregar sugerencias automáticas a mis etiquetas personalizadas? Por ejemplo, si escribo "< Gallery", presiona "Ctrl + Space" - en la lista de atributos disponibles, me muestra "type" y "title" y si escribo "< Gallery type =" presiona "Ctrl + Space", lo haría vea la lista de valores disponibles solo para la etiqueta "Galería" y su atributo "tipo".

¡Gracias de antemano!

Respuesta

4

Lamentablemente, no hay una manera fácil: tiene que pasar su propio analizador para esto, y luego agregar sus elementos extra y la gramática básica (HTML).

Si tiene su analizador sintáctico, podría usarlo para resaltar la sintaxis (estrictamente hablando, para ese simple lexing es suficiente); y un buen analizador puede admitir asistencia de contenido (sugerencias automáticas en su terminología).

Advertencias:

  • Creación de un programa de análisis de HTML no es una tarea fácil. Tal vez apuntar a un subconjunto más utilizado es factible.
  • Si existe un analizador, las partes del editor siguen siendo difíciles de corregir.

Un poco de ayuda por el contrario: se podría utilizar algunos generadores editor de texto para facilitar su trabajo:

  • Eclipse IMP http://www.eclipse.org/imp/ puede, en teoría manejar cualquier tipo de programa de análisis, pero en la actualidad es el más optimizado para LPG. La documentación es escasa, pero los desarrolladores son útiles en los foros.
  • Xtext http://www.eclipse.org/Xtext/ recibió un gran impulso para crear editores de texto para DSL. Los editores generados son bastante buenos, pero no es la mejor solución para archivos de gran tamaño. Tiene una comunidad de desarrolladores realmente útil.
  • EMFText http://www.emftext.org/index.php/EMFText es una entidad menos conocida, no lo conozco en detalle, pero supongo que es similar a Xtext.
5

No es realmente lo que quieren, pero tal vez le ayuda a:

  1. Puede probar el Aptana Plug-in para Eclipse. Permite escribir su propia expresión regular para la validación de HTML, por lo que el validador ignorará una etiqueta personalizada. Ej .:

    . galería.

  2. Eclipse le permite agregar sugerencias automáticas simples a través de Plantillas. En Eclipse 3.7.1 (Indigo) + PHP Dev Tools (PDT) 3.0.0: Ventana> Preferencias> Web> HTML Archivos> Editor> Plantillas

+0

que funciona, gracias – Green

+0

Aptana Plug-in finalmente encontró un mejor editor HTML para Eclipse. Funciona genial. – TinusSky

0

Sé que ha pasado mucho tiempo desde que se solicitó esta Q, pero espero que esto pueda ayudar a otros como yo a llegar a esto en busca de una solución.

Por lo tanto, al usar Eclipse (versión Mars.1 (4.5.1) - y posiblemente antes - no lo compruebo).

Ir a Window - Prefrences
Luego, en el diálogo que se abre ir a Web-HTML Files - Editor - Validation.
En el lado derecho:

  1. bajo Ignore specified element names in validation y entrar en la lista de elementos personalizados que utiliza. (Por ejemplo Gallery,tab,tabset,my-element-directives-*)
  2. también al igual que para pasar por debajo Ignore specified attribute names in validation hacer lo mismo para sus atributos personalizados (por ejemplo ng-*,my-attr-directives-*)

Dos cosas a tener en cuenta:.

  1. Después de dejar que el eclipse hacen un total La validación también debe cerrar el archivo y volver a abrirlo para eliminar las advertencias del código fuente.
  2. El uso de este método ignoraría esos atributos bajo cualquier elemento. No creo que haya una manera simple de decirle que ignore some-attribute solo si es un hijo de some-element.
0

Necesitas añadir una nueva plantilla HTML .Para añadir una nueva plantilla, realice los siguientes pasos:

1) En el menú Ventana, seleccione Preferencias.

2) En la página de Preferencias, seleccione Web y XML> Archivos HTML> Plantillas HTML.

3) Haga clic en Nuevo.

4) Introduzca el nuevo nombre de la plantilla y una breve descripción de la plantilla.

5) Utilizando la lista desplegable Contexto, especifique el contexto en el que está disponible la plantilla.

6) En el campo Patrón, ingrese las etiquetas, los atributos o los valores de atributo (el contenido de la plantilla) apropiados para insertarlos en la asistencia de contenido.

7) Si desea insertar una variable, haga clic en el botón Variable y seleccione la variable que se va a insertar. Por ejemplo, la variable word_selection indica la palabra que se selecciona al comienzo de la inserción de la plantilla, y la variable del cursor determina dónde estará el cursor una vez que la plantilla se inserta en el documento HTML.

8) Haga clic en Aceptar para guardar la nueva plantilla.

Puede editar, eliminar, importar o exportar una plantilla utilizando la misma página de Preferencias.

Referencia: http://help.eclipse.org/kepler/index.jsp?topic=%2Forg.eclipse.wst.sse.doc.user%2Ftopics%2Ftsrcedt024.html

Cuestiones relacionadas