Issue #2597💬 RespondidoAbierto el 24 de febrero de 2020por ikenderhamReacciones 0

¿Cómo añadir un nombre personalizado a componentes ya insertados?

Respuesta rápidapor artf

puedo hacerlo añadiendo data-gjs-custom-name="minombre" Usa 'name' en lugar de 'custom-name' (este se usa para capas cuando las editas), así que 'data-gjs-name="minombre"'¿Cómo es posible poner un nombre a todos los h1, por ejemplo? Puedes crear un componente personalizado para extender la definición de los elementos...

Lee la respuesta completa abajo ↓

Pregunta

Hola...

Necesito poner el nombre personalizado de AF en mis componentes. Puedo hacerlo añadiendo data-gjs-custom-name="minombre", pero ¿cómo lo hago en elementos ya insertados?

Intenté ser editor. SelectorManager.getAll().each(selector => $('h1').attr("data-gjs-custom-name","h1"));

Pero no funciona. ¿Cómo es posible poner un nombre a todos los h1, por ejemplo?

Respuestas (1)

artf1 de marzo de 2020

puedo hacerlo añadiendo data-gjs-custom-name="minombre"

Usa 'name' en lugar de 'custom-name' (este se usa para capas cuando las editas), así que 'data-gjs-name="minombre"'

¿Cómo es posible poner un nombre a todos los h1, por ejemplo?

Puedes crear un componente personalizado para extender la definición de los elementos H1, así que esto se aplicará a todos los H1 (incluso añadidos recientemente) o puedes hacerlo de forma interactiva solo en los componentes del lienzo de esta manera '''js editor.getWrapper().find('h1').forEach( component => component.set('name', 'Name H1') )

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.