Nombre de los componentes

Question

Tengo dos preguntas.¿Hay alguna forma de cambiar el nombre del componente integrado? Quería cambiar el nombre "Box" por "Div". Así que el mismo nombre aparece en Select y en el panel de capas/navegador. En términos sencillos, si arrastro y suelto un div, necesito que se llame Div.¿Hay alguna forma de añadir un icono delante del texto de cada tipo de elemento en el panel de capas? Me refiero a una caja para Div, un icono de lista A para ULs, etc...

NicoEngler · Accepted Answer

Puedes usar data-gjs-custom-name en el html de tus componentes. '

'Puedes usar data-gjs-icon en el html de tus componentes. '

' Por favor, cambia tu título por algo más significativo para que otros puedan encontrar mejor los problemas ya resueltos :) EDITO: puedes usar 'data-gjs-name' en vez de 'data-gjs-custom-name'

artf · Answer

Añadiría que si dependes del arrastrar y soltar HTML5, puedes usar el evento 'canvas:dragdata' https://grapesjs.com/docs/api/editor.html#available-events

Esto te permite que el editor entienda "caídas externas", por ejemplo. por defecto GrapesJS puede reconocer imágenes, usando 'canvas:dragdata' puedes hacer que reconozca archivos como vídeos, PDFs, etc.

minuwan · Answer

@NicoEngler ¿Hay alguna otra forma de establecer nombres personalizados por defecto para cada tipo? Si alguien arrastra y suelta contenido desde fuera, quiero mostrar los nombres de esos divs también como "Divs". :)

Nombre de los componentes

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

[PREGUNTAS] Desactivar/cambiar el comportamiento de los componentes integrados

disparador tras retirar el componente

Propiedades predeterminadas de los componentes

[Pregunta] ¿Puedo hacer que todo no se pueda seleccionar por defecto?

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins