Requisitos mínimos para crear un componente personalizado
En primer lugar, empieza a usar la definición mejorada de los componentes. En tu ejemplo, el 'content: (<div>Foo</div>)' se compilará en un objeto, y cuando añades un objeto o array de objetos al editor, significa que ya no necesitas el proceso de análisis sintáctico, así que nunca pulsas 'isComponent', por lo que ese...
Lee la respuesta completa abajo ↓Pregunta
He estado leyendo la documentación todo el día sobre cómo crear un componente personalizado. También he mirado grapesjs-mjml como ejemplo. Estoy intentando crear un tipo base para los componentes de React que pueda extenderse según sea necesario, pero por ahora solo quiero ver qué métodos de ciclo de vida se llaman y cuándo. Estoy intentando averiguar la diferencia entre 'render' y 'toHTML' específicamente. He creado solo un componente básico con algo de registro, y parece que no funciona. Aquí está mi código '''js importar React de 'react'; exportar editor por defecto => { VAR Comps = Editor...
Respuestas (2)
En primer lugar, empieza a usar la definición mejorada de los componentes. En tu ejemplo, el 'content: (<div>Foo</div>)' se compilará en un objeto, y cuando añades un objeto o array de objetos al editor, significa que ya no necesitas el proceso de análisis sintáctico, así que nunca pulsas 'isCompon...
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #460
Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables
Estoy intentando crear un componente personalizado que contenga algo de texto lorem ipsum en el contenido, para editarlo una vez que esté e...
Issue #1912
Componentes personalizados hijos por defecto
Hola, Estoy intentando entender cómo puedo lograr lo siguiente.Crear un componente con un contenido predeterminado como hijos.Crea un bloqu...
Issue #1893
Por definición, todos los bloques tienen que tener el mismo estilo
Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderiz...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.