Contenteditable attribute on Layer's name span
Si haces doble clic en el nombre de la capa puedes cambiar su nombre :)
Lee la respuesta completa abajo ↓Pregunta
Hola @artf
Me gustaría saber por qué el nombre de la capa tiene un atributo 'contenteditable'.
No hay ningún mecanismo implementado en grapesJs para cambiar realmente el nombre de la capa después de refrescar la página, si no me equivoco. Puede resultar un poco confuso para el usuario.
'''html
<div class="gjs-layer-title-inn"> <i class="gjs-layer-caret fa fa-chevron-right" data-toggle-open=""></i> <span class="gjs-layer-name gjs-no-app gjs-layer-name--no-edit" data-name="" contenteditable="true">Image</span> </div> ```Gracias.
Respuestas (4)
Si haces doble clic en el nombre de la capa puedes cambiar su nombre :)
@artf, perdona, creo que me malinterpretaron. Quería decir que puedes cambiar el nombre pero cuando actualizas la página los cambios no se guardan... y creo que no hay un mecanismo implementado para lograrlo. Cuando el usuario modifica el nombre de la capa, espera que esta modificación se guarde, p...
No, el mecanismo para almacenar/cargar nombres de capas personalizados está ahí, el único problema es que el cambio no está activando la almacén... De hecho, si intentas mover algún componente justo después del cambio, los verás después de actualizar la página. En fin, esto debería solucionarse con...
Gracias por informar de esto, @Franci5co5aoco. Buena pregunta sobre contenteditable attribute en el nombre de Layer's Span. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4273
How to trigger the 'Import Template (modal)' on page load
Hola, Por favor, necesito la lógica para importar la plantilla modal al inicializar la página... Estoy usando el plugin de presets del bole...
Issue #3721
Test drag and drop with Cypress
Hola @artf. Me gustaría ejecutar algunos escenarios de prueba en GrapesJs usando la herramienta Cypress. Sin embargo, no puedo simular el m...
Issue #3237
Add Trait For wrapper
Hola @artf He añadido rasgo para el envoltorio de esta manera. ¿Cómo puedo realizar la función de iniciación para ello? Aquí está el código...
Issue #3221
Button into a textarea
Hola a todos, Necesito poner un botón en un área de texto, ¿cómo puedo hacerlo? ¿Hay una propiedad que modificar o es algo distinto? ¿Y es...
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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026
Lo que aprendimos construyendo GJSDocs — desde la simple generación de texto con IA hasta la edición visual estructurada y consciente del contexto
Tutorial
¿Cuánto cuesta construir un creador de páginas SaaS en 2026?
¿Cuánto cuesta crear un creador de páginas SaaS en 2026? Explora los costes realistas de desarrollo, los plazos, las funciones y cómo el uso de GrapesJS puede r
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.