¿Por qué las capas no tienen nombre de etiqueta de elemento?
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
- p
- h1
¿Es este un comportamiento deseado?
Respuestas (3)
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.
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.
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.
Issue #1888
[Pregunta] Añadir html personalizado dentro de Canvas
Hola, Estoy usando uvas para exportar un json personalizado con toda la información que necesito, en lugar de HTML y CSS. Para hacer eso, e...
Issue #1787
[Pregunta] Cambiar el HTML de los botones del panel de span a botón
He creado algunos paneles y me gustaría cambiar el elemento de los botones del panel de 'span' a 'botón', ya que es más apropiado y se ve m...
Issue #841
[PREGUNTA] Añadir Rasgo (atributo) por defecto al modelo para todos los componentes HTML (elementos)
Hola, He leído las wikis de Traits, Components y API, he recopilado todos los temas abiertos y cerrados. Incluso he encontrado el código do...
Issue #1187
[PREGUNTA]: ¿por qué las líneas discontinuas no se muestran alrededor de los componentes?
Después de mucho tiempo estoy intentando de nuevo con GrapesJS. Estoy siguiendo la página de Empezar y estoy atascado a este paso https://g...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.