Componente personalizado, necesito 4 columnas a la vez cuando arrastro
@PKRekha puedes evitar el estilo configurando la propiedad ''stylable'' en 'false'' y para tener 4 instancias de tu tipo de componente, simplemente haz esto: ¡Salud!
Lee la respuesta completa abajo ↓Pregunta
Hola @artf, he creado un componente personalizado, donde necesito mostrar 4 columnas con un estilo específico cuando arrastro un componente al lienzo y en cada columna tengo contenido html con estilos específicos y, de nuevo, tengo que dar al usuario la oportunidad de editar el contenido o la imagen pero no los estilos. ¿Puedo dar un ejemplo en el que alguien haga este tipo de funcionalidad? Por ahora he creado un tipo personalizado para una columna y contenido estático con contenido en la columna, pero me quedan las funcionalidades restantes. Por favor, ayudad a lograrlo
Respuestas (3)
@PKRekha puedes evitar el estilo configurando la propiedad ''stylable'' en 'false'' y para tener 4 instancias de tu tipo de componente, simplemente haz esto:
const bm = editor. Jefe de bloque;
bm.add('COLUMN', {
etiqueta:'Columna',
Content:'
<div data-gjs-type="column-type"></div>
<div data-gjs-type="column-type"></div>
<div data-gjs-type="column-type"></div>
<div data-gjs-type="column-type"></div>
`
})
¡Salud!
Por favor, ajusta el título y sigue el contenido de la plantilla del número
Hola @artf, he creado un componente personalizado, donde necesito mostrar 4 columnas con un estilo específico cuando arrastro un componente al lienzo y en cada columna tengo contenido html con estilos específicos y, de nuevo, tengo que dar al usuario la oportunidad de editar el contenido o la imagen pero no los estilos. ¿Puedo dar un ejemplo en el que alguien haga este tipo de funcionalidad? Por ahora he creado un tipo personalizado para una columna y contenido estático con contenido en la columna, pero me quedan las funcionalidades restantes. Por favor, ayudad a lograrlo
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2952
El componente personalizado no funciona después de guardar.
Hola, Tengo un componente personalizado de Button-Link creado, y cuando arrastré el contenido a Canvas por primera vez, el componente detec...
Issue #3482
Rasgos actualizados en tiempo de ejecución, no modo EDITAR.
Hola @artf Tengo problemas con ciertos rasgos. Cuando arrastro y suelto el bloque en el lienzo, los rasgos aparecen bien en la sección de a...
Issue #3404
Problema con el Style Manager.
Hola @artf quiero ocultar y mostrar propiedades de estilo para un componente específico. Tras referenciar este problema https://github.com/...
Issue #2359
Modo absoluto, el estilo del componente desaparece al arrastrarse al lienzo
Hola chicos, estoy trabajando con grapesjs, cuya versión es '0.15.8', y en modo 'absoluto', cuando arrastro un bloque al lienzo, noto que f...
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.