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
¿Cómo añadir javascript en el HTML sin sanitización?
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
[Pregunta] 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 for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.