React con GrapeJS, sin plugin
No estoy seguro de a qué te refieres con sin plugin. Pero si hablas solo de la instancia GrapesJS, solo tienes que inicializarla en 'componentDidMount'. Por ejemplo: En tu render En componentDidMount Algo así, normalmente debería funcionar.
Lee la respuesta completa abajo ↓Pregunta
Hola, ¿Cómo puedo usar grapesjs con React? No quiero usar el plugin; he hecho algunos cambios y quiero usar el editor con React y otras páginas. ¿cómo puedo hacerlo?
¡Muchas gracias!
Respuestas (3)
No estoy seguro de a qué te refieres con sin plugin.
Pero si hablas solo de la instancia GrapesJS, solo tienes que inicializarla en 'componentDidMount'.
Por ejemplo:
En tu render
render() {
return <div id="gjs"></div>
}
En componentDidMount
const editor = grapesjs.init({
Indica dónde iniciar el editor en el editor. También puedes aprobar un HTMLElement
Contenedor: '#gjs',
});
Algo así, normalmente debería funcionar.
No hay nada que añadir más allá de lo que ya dijo @simplecommerce
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 #1236
[AYUDA BUSCADA] No puedo usar ckeditor 5 con grapesjs
¡Hola, Arthur y colaboradores! Estoy creando un plugin para usar CKEditor 5 en grapesjs, basado en el plugin-ckeditor de grapesjs que ya es...
Issue #1684
¿Puedo usar React para desarrollar componentes?
Hola a todos. Estoy realmente impresionado con el gran trabajo hecho. Tengo una pregunta sobre el desarrollo de componentes. La pregunta es...
Issue #1192
[Pregunta]: ¿Puedo usar GrapeJS en un plugin comercial de WordPress?
Hola @artf Quiero usar GrapeJS en un WordPress comercial que planeo desarrollar. ¿Lo permites? ¿Es obligatorio atribuirlo?
Issue #1748
Cómo evitar que los elementos arrastren dentro del editor
Hola @artf Lo estás haciendo muy bien con grapesjs y es extremadamente útil hacer que nuestra funcionalidad sea más fácil de usar. Gracias...
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.