Issue #1431✓ ResueltoAbierto el 17 de septiembre de 2018por mrajeshkrossarkReacciones 3

Cargar archivo HTML desde el remoto

Respuesta rápidapor cjpollard2

Estás señalando tu gestor de almacenamiento a una página web. Necesitas endpoints que puedan gestionar las solicitudes. https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage

Lee la respuesta completa abajo ↓

Pregunta

Fragmento de códigoTEXT
Alojé mi contenido html en la nube. Luego, intentando cargar el contenido html en el editor, encontré el error: "**La respuesta a la solicitud de prevuelo no pasa la comprobación de control de acceso: No hay cabecera 'Access-Control-Allow-Origin' en el recurso solicitado. Por lo tanto, el 'http://localhost:3000' de origen no tiene acceso. Si una respuesta opaca satisface tus intereses, configura el modo de la solicitud en 'no-cors' para recuperar el recurso con CORS desactivado.**"

Mi código: const editor = () => grapesjs.init({
    contenedor: '#editor-portal',
    lienzo: {
        Estilos: ['https://codepen.io/mrajeshkrossark/pen/mGLyJX.css']
    },
    Plugins: ['GJS-preset-webpage'],
    pluginsOpts: {
		"GJS-components":[]
	},
    storageManager: {
        Tipo: 'A distancia',
        storeHtml: cierto,
        storeCss: cierto,
        urlStore: "http://www.lightblue.byethost4.com",
        urlLoad: "http://www.lightblue.byethost4.com",
        params: {},
    }
});

Nota: Envolví el editor grapesjs en la aplicación React.

Respuestas (3)

JulyanoF17 de septiembre de 2018

Estás señalando tu gestor de almacenamiento a una página web. Necesitas endpoints que puedan gestionar las solicitudes. https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage

que probé con los endpoints inferiores también muestra errores storageManager: { tipo: 'remoto', storeHtml: cierto, storeCss: cierto, contentTypeHTML: cierto, urlStore: "http://www.lightblue.byethost4.com/index.html", urlLoad: "http://www.lightblue.byethost4.com/index.html", parámetros: {}, }

Yo uso un contenido en json y funciona:

storageManager: {
        guardado automático: Cierto,
        setarPasos antes de guardar: 2,
        Tipo: 'A distancia',
        urlStore: 'comunicados/store' + id,
        urlLoad: 'comunicados/load' + id,,
        contentTypeJson: cierto,
    },
mrajeshkrossark17 de septiembre de 2018

Estás dirigiendo tu gestor de almacenamiento a una página web. Necesitas endpoints que puedan gestionar las solicitudes. https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage

Probé con los endpoints de abajo que también muestran errores storageManager: { Tipo: 'A distancia', storeHtml: cierto, storeCss: cierto, contentTypeHTML: cierto, urlStore: "http://www.lightblue.byethost4.com/index.html", urlLoad: "http://www.lightblue.byethost4.com/index.html", params: {}, }

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.