Cómo crear un bloque personalizado con parámetros rellenables
Aún no hay respuestas de la comunidad. Abre la discusión original en GitHub para compartir tu solución.
Pregunta
¡Hola a todos, primero que nada, excelente trabajo!
He intentado seguir el tutorial pero no consigo entender cómo añadir un bloque personalizado, al cual, tras seleccionarlo, el usuario puede rellenar parámetros (nombre y título, por ejemplo) desde el menú de la derecha.
Leo sobre bloques, componentes y rasgos, pero no entiendo cómo escribir un nuevo bloque (o componente) yo mismo.
¿Alguien sería tan amable de escribirme un ejemplo muy sencillo? por ejemplo, arrastrar y soltar un bloque que añada una etiqueta <p>de Hola al mundo.</p> Después de hacer clic en ella, el usuario debería poder añadir clases, un título y rellenar un valor para una propiedad "data-name=''".
Espero que alguien pueda explicarme cómo se hace, seguro que lo entenderé después de ver un ejemplo completo de código.
Respuestas (0)
Aún no hay respuestas.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3119
[PREGUNTA] ¿Cómo crear un bloque personalizado hecho con componentes de grapesjs?
Hola, quiero que me hagan bloques personalizados con componentes de grapesjs. Encontré la solución para añadir componentes: https://github....
Issue #1547
Cómo añadir atributos de componentes (antes de renderizar)
Hola, Estoy buscando crear automáticamente componentes dentro de un elemento de bloque y parece que lo consigo, pero con un pequeño que fal...
Issue #386
Amplía ejemplos/documentación de Pannel/Command abriendo una nueva vista
Hola Artur, ¡Primero que nada, Grapesjs es increíble! Ahora mismo estoy intentando entender cómo crear un panel con un botón que abra una n...
Issue #3231
Cómo cambiar el componente GJS-ckeditor-format
Hola a todos, Todos sabemos que el plugin GJS-ckeditor-funciona con componentes [data-gjs-type]="text". Quiero saber, ¿podríamos cambiar 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
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
Preset DevFuture 2.0 — New Update Released
Preset continues evolving as a clean, production-ready starting point for building visual editors powered by GrapesJS
Tutorial
How Much Can You Earn on GJS.Market in a Month?
Discover how DevFuture earns €2,000+ monthly on GJS.Market — and learn how you can start building and selling your own GrapesJS plugins.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.