Issue #916💬 RespondidoAbierto el 1 de marzo de 2018por tommedemaReacciones 1

¿Por qué las capas no tienen nombre de etiqueta de elemento?

Respuesta rápidapor maxtacco1

Por cierto, parece que Layer Manager usa la propiedad https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/dom_components/model/Component.js#L35 de Component al renderizar el nodo del árbol en https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/navigator/vie...

Lee la respuesta completa abajo ↓

Pregunta

Estoy trasteando con los componentes internos de las uvas porque me gustaría contribuir en el futuro. La mayor parte de mi interés es que valga la pena con sitios HTML genéricos, independientemente del estilo/estructura de CSS y HTML usados (incluyendo doctype, soporte para cuerpo, etc.).

Esperaba que la jerarquía de 'capas' representara el árbol DOM. Aunque esto parece ser cierto hasta ahora, la forma en que se nombran los elementos no se siente bien. Por ejemplo, con este HTML:

<img width="392" alt="captura de pantalla 2018-03-01 a las 11 27 28" src="https://user-images.githubusercontent.com/331833/36839889-902ba6da-1d43-11e8-8dd3-db4f832fc34a.png">

Se mostraría así:

<img width="254" alt="captura de pantalla 2018-03-01 a las 11 23 44" src="https://user-images.githubusercontent.com/331833/36839899-94fea32e-1d43-11e8-81b3-03356ae572d9.png">

Mientras que yo esperaba este árbol:

  • carrocería
    • h1
      • nodo de texto
    • div
      • p
        • nodo de texto

¿Es este un comportamiento deseado?

Respuestas (3)

maxtacco2 de marzo de 2018

Por cierto, parece que Layer Manager usa la propiedad https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/dom_components/model/Component.js#L35 de Component al renderizar el nodo del árbol en https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/navigator/view/ItemView.js#L28. Crearía una opción de configuración en https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js que se pueda poner por defecto en 'nombre' y luego usaría esa opción al obtener el valor del nodo de árbol del modelo del componente. Espero que esto ayude.

maxtacco1 de marzo de 2018

GrapesJS es basado en componentes. Así que, creo que en este caso muestra los nombres de los componentes en lugar de los nombres de etiquetas. Creo que añadir nombres de etiquetas y/o personalizar el renderizado de capas en el árbol sería una buena mejora.

maxtacco1 de marzo de 2018

De hecho, el componente GrapesJS puede consistir en varios elementos DOM, así que puede que no tenga sentido mostrar nombres de etiquetas en este caso porque se está estilizando un componente y no elementos individuales dentro de él.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.