Añadir componentes personalizados no funciona
En primer lugar, usa la API mejorada. El 'isComponent' solo se activa si necesitas analizar una cadena HTML; si pasas el objeto component (por ejemplo, '{ type: 'input2', }') el análisis no es necesario. No ves nada en el lienzo porque obviamente no hay ningún elemento INPUT2 en HTML5
Lee la respuesta completa abajo ↓Pregunta
He investigado mucho, pero aún así no he podido añadir un componente personalizado. Probé el ejemplo en la documentación oficial (para modificar el comportamiento del elemento "input" y funciona bien). https://grapesjs.com/docs/modules/Components.html#define-new-component Pero el ejemplo anterior es para modificar el componente existente ("entrada"). Estoy intentando averiguar cómo crear un nuevo componente. A continuación está mi código, pero no funciona (no imprimo nada en consola cuando lo arrastro en el formulario). - ten en cuenta que usé el ejemplo oficial y lo cambié un poco para crear...
Respuestas (1)
En primer lugar, usa la API mejorada. El 'isComponent' solo se activa si necesitas analizar una cadena HTML; si pasas el objeto component (por ejemplo, '{ type: 'input2', }') el análisis no es necesario. No ves nada en el lienzo porque obviamente no hay ningún elemento INPUT2 en HTML5
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3119
¿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 #1930
Cambiar 2 atributos con 1 rasgo
Tengo un rasgo de entrada, quiero cambiar los 2 atributos (nombre y tipo) en el elemento seleccionado, en canvas es apropiado, pero en el h...
Issue #525
Ejemplo de local2 para el almacenamiento que no funciona
Usando el código proporcionado en la documentación. https://github.com/artf/grapesjs/wiki/API-Storage-Manager en ejemplos de "añadir". Esto...
Issue #1894
Ejemplo de documentación de rasgos personalizados no funciona
Específicamente esto: https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type En primer lugar, el evento 'keyUp' hace referenci...
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.