Personalizar el navegador
@minuwan bueno, en realidad la vista ya renderiza el icono https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 pero la idea de personalizar el renderizado de las capas no está mal.
Lee la respuesta completa abajo ↓Pregunta
¿Hay alguna forma de personalizar la vista del navegador o del panel de capas? Necesito mostrar un icono delante de cada elemento en el navegador.
Respuestas (3)
@minuwan bueno, en realidad la vista ya renderiza el icono https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 pero la idea de personalizar el renderizado de las capas no está mal.
No estoy seguro de qué es "el navegador", pero como puedes crear tus propios paneles y demás, puedes personalizar cada detalle visual.
¿Puedes ser más preciso con dónde intentas añadir tus iconos?
@NicoEngler Navigator es el panel de capas, GrapesJS lo llamaba "El Navegante". Actualmente, solo contiene unas pocas configuraciones, pero parece que no es posible renderizarlo en un diseño diferente o añadir un icono a un elemento de capa.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3268
How to add javascript in the html without sanitization?
Hola @artf, estoy tomando input en javascript del usuario. Necesito añadir este javascript dentro del HTML de la plantilla, pero se desinfe...
Issue #1791
Nombre del destino
@artf, ¿hay alguna forma de mostrar el nombre del elemento de destino? ! grapejs_drop
Issue #2364
Cómo añadir funcionalidad de barra de herramientas al panel de capas.
Estoy intentando añadir la barra de herramientas al panel de capas y no sé cómo hacerlo. ¿Hay alguna forma de lograr esto? barra de herrami...
Issue #3177
PREGUNTA/SOLICITUD DE FUNCIONALIDAD: Cambiar la descripción emergente de un componente seleccionado
¿Hay alguna forma a través de la API de cambiar la descripción emergente del componente seleccionado o eso solo se puede hacer editando el...
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.
Tutorial
Super Tooltip para GrapesJS — Versión 0.1.5 Lanzada 🎉
Nos complace anunciar la actualización v 0.1.5 de Super Tooltip, nuestro plugin de menú flotante y tooltip para GrapesJS
Tutorial
GrapesJS en 2026: La guía completa del framework de construcción web de código abierto
Master GrapesJS en 2026. Arquitectura, ejemplos de código, integración con React, desarrollo de plugins, Studio SDK y cómo se compara con otros proyectos
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.