Vincular texto/html interno (como div, p, h1) a Trait
cambios en el lienzo ¿Qué tipo de cambios? ¿Cómo te gustaría cambiar la etiqueta del elemento en el lienzo?
Lee la respuesta completa abajo ↓Pregunta
¡Hola! He creado un rasgo personalizado y quiero que me permitan cambiar el contenido de las etiquetas (en este caso es una etiqueta H1) basándome en los valores de los rasgos...
Sería genial si pudiera ser bidireccional; Los cambios en el panel de rasgos actualizarán el lienzo y también los cambios en el lienzo actualizarán la entrada en el panel.
He probado muchos enfoques sin ningún éxito.
¿Tienes alguna idea?
Respuestas (3)
cambios en el lienzo
¿Qué tipo de cambios? ¿Cómo te gustaría cambiar la etiqueta del elemento en el lienzo?
No, quiero cambiar el contenido.
por ejemplo
'<p> $CHANGE_ESTO </p>'
La función 'onUpdate' en la definición personalizada de rasgos te permite actualizar la entrada como quieras (en el ejemplo ves cómo se pasa el parámetro componente y se usa para actualizar el valor del rasgo).
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2127
[PREGUNTA] Cómo actualizar la proposición de contenido a partir del evento de rasgos
Hola, quiero actualizar la propiedad de contenido basándome en los cambios del rasgo Tengo este componente añadido y observo que tengo una...
Issue #2188
[PREGUNTA] Cómo cambiar tagName usando rasgos.
Hola, Quiero lograr esto: Cuando el usuario hace clic en una etiqueta de encabezado H1, H2, H3 ... Quiero que aparezca un rasgo (de tipo se...
Issue #2193
[PREGUNTA] Restablecer rasgo al editar el contenido de un componente personalizado
Hola, Tengo un componente personalizado cuyo contenido se puede cambiar cambiando las opciones de selección de rasgos, pero también puede e...
Issue #1877
[SOLICITUD DE FUNCIÓN] ¿Estilos personalizados que añaden o eliminan clases personalizadas?
Actualmente, todos los valores del gestor de estilo que cambias para un elemento simplemente actualizan una <style> etiqueta en línea en 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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.