Reacciona con GrapeJS
@sakshigarg9 añadir 'grapesjs' vía npm, y en tu código solo usa 'import grapesjs from 'grapesjs''. Funcionará, sin necesidad de actualizar la configuración del webpack
Lee la respuesta completa abajo ↓Pregunta
Saludos, he buscado y no he encontrado una solución concreta a mi problema. Actualmente, estoy intentando integrar mi aplicación React con GrapeJS. 'importar React, { Componente } de 'react'; importar './GrapesSrc/grapes.min.js'; importar GrapesIndex de 'grapejs'; clase GrapesEditor extiende Componente { constructor(props){ super(utilería); } shouldComponentUpdate(){ return false } componentDidMount(){ const editor = grapesjs.init({ contenedor: '#gjs', componentes: '<div class="txt-red">¡Hola mundo!</div>', Estilo: '.txt-rojo{color: rojo}', }); } render() { regreso ( <id de div ='gjs'> </div>...
Respuestas (3)
@sakshigarg9 añadir 'grapesjs' vía npm, y en tu código solo usa 'import grapesjs from 'grapesjs''. Funcionará, sin necesidad de actualizar la configuración del webpack
@Silavin ¿Has conseguido integrar uvas y react?
Si usas webpack para crear tu app React, puedes incluirlo como plugin. Lo arrancará de node_modules. ''plugins: [ Nuevo webpack. ProvidePlugin({ grapesjs: "grapesjs" }) ],`` Esto me funcionó.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #874
Diferentes parámetros POST
Hola, Estamos intentando integrar tus Grapejs en una aplicación web existente. Necesitamos cargar y almacenar datos de forma remota añadien...
Issue #1030
Eventos de disparo con componentes personalizados
Estoy intentando crear un plugin para Grapesjs con algunos componentes personalizados, y tengo problemas para activar eventos e interactuar...
Issue #1150
Obtén subidas como Base64
Hola a todos, Necesito ayuda para integrar esto en una aplicación web que tengo. Todo se renderiza y funciona como se espera, pero estoy in...
Issue #1818
Elaborando uvas trabajando con angular7 y material
Estoy intentando integrar la librería con Angular7, pero tuve problemas al mover el contenedor '<div id="gjs"></div>' al componente materia...
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.