Cómo cargar una URL remota dentro de Grapes JS
Hola, @raghuv9 primero pienso que no puedes hacer una solicitud con AJAX por el CORS. Necesitas coger el contenido de otra forma (quizá en el backend) y renderizar en el editor con ello. 'editor.component(<your-content>)'.
Lee la respuesta completa abajo ↓Pregunta
Así intenté cargar mi gitpage pero no funciona
montado() {
const LandingPage = {
HTML: '',
CSS: nulo,
componentes: nulo,
estilo: nulo,
};
this.editor = grapesjs.init({
contenedor: "#gjs",
lienzo: {
Estilos: [],
},
fromElement: cierto,
componentes:'',
Estilo: '',
Plugins: [],
pluginsOpts: {
"gjs-preset-webpage": {}
},
storageManager: {
Tipo: 'A distancia',
pasosAntesDeguardar: 10,
urlStore: '',
urlLoad: '',
params:{
'Access-Control-Allow-Origin':'http://laravel-vue-spa.test',
},
contentTypeJson: cierto,
cabeceras: {
'Tipo de contenido': 'aplicación/json'
},
json_encode:{
'componentes GJS': [],
'estilo GJS': [],
}
},
});
this.editor.setComponents('<div class="cls">Nuevo componente</div>');
this.editor.load=(res => console.log('Load callback'));
},
}Respuestas (1)
Hola, @raghuv9 primero pienso que no puedes hacer una solicitud con AJAX por el CORS. Necesitas coger el contenido de otra forma (quizá en el backend) y renderizar en el editor con ello. 'editor.component(<your-content>)'.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2265
Puedo obtener mi archivo HTML local usando la URL de carga y obtener el estado correcto. ¿Cómo puedo cargar esta URL recuperada en el editor? Actualmente me queda la pantalla en blanco dentro del editor
! Screenshot20 Aquí está mi código const LandingPage = { HTML: '', CSS: nulo, componentes: nulo, estilo: nulo, }; this.editor = grapesjs.in...
Issue #966
[PREGUNTA] ¿Cómo cargar un archivo CSS externo en Grapes Editor?
Hola, Durante mi editor = grapesjs.init(), quiero cargar un archivo CSS externo en el lienzo usando @import url(...). Así que cuando use mi...
Issue #2667
el elemento enlace no se añade en el elemento cabeza en ediot.canvas #firefox #grapesjs
Estoy intentando añadir Google Fonts en Web-Builder para cambiar el estilo de la fuente, así importar. Añadiendo CDN en el editor, el códig...
Issue #1807
Fallas del marco de GrapeJ al añadir una hoja de estilo externa
Cuando añado mi hoja de estilo externa usando El marco de GrapesJS ya no funciona. ¿Cómo puedo tener la hoja de estilo además del framework...
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.