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 #3574
Añadir rasgos no es detectado por el gestor de rasgos.
Siguiendo un ejemplo de docs. ¿Hay alguna configuración adicional para que se muestren nuevos rasgos para los elementos? El ejemplo que usa...
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...
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.