Issue #2605💬 RespondidoAbierto el 27 de febrero de 2020por alesubReacciones 0

Conseguir un 404 en mixins.js

Respuesta rápidapor artf

Creo que viene de 'cssIcons', parece que se me olvidó mirar el valor en algún sitio

Lee la respuesta completa abajo ↓

Pregunta

Antes que nada, gracias por esta gran herramienta.

  1. Estoy usando la última versión.
  2. El error ocurre con una copia local de GrapesJS.
    1. MacOS - último navegador Chrome
    2. El error no está presente en la demo
  3. Comportamiento esperado: que el editor cargue sin ningún error
  4. Qué pasa en cambio: Me aparece un error 404 cuando el editor añade estilos

Me aparece el siguiente error en la consola después de iniciar el editor: 'mixins.js:27 OBTENER http://example.com/editor/null net::ERR_ABORTED 404 (No encontrado)' He reemplazado el dominio real por "example.com", el resto de la URL es real.

En mixins.js, línea 27, la instrucción es 'head.insertBefore(link, head.firstChild)', forma parte de la función que añade estilos al editor. El problema es que estoy pasando un array de URLs válidas, todas se resuelven correctamente al ver cada estilo aplicado al HTML del editor.

Así es como estoy creando el editor:

var editorSettings = {
	fromElement: cierto,
	Altura: '900px',
	Ancho: '600px',
	cssIcons: null,
	storageManager: { type: null },
	avisoOnUnload: falso,
	paneles: { predeterminados: [] },
	lienzo: {
		Estilos: [
			'https://fonts.googleapis.com/css?family=Libre+Franklin:400,600,700&display=swap',
			'https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css',
			'/wp-content/plugins/votersguide/public/css/pageTemplate.css?version=1.0.26'
		]
	},
	assetManager: {
		storageType : '',
		storeOnChange : cierto,
		storeAfterUpload: cierto,
		activos : [],
		uploadFile: function(e) {
			var postHash = getUrlVars()['g'];
			var nonce = $('#wpNonce').val();
			var files = e.dataTransfer ? e.dataTransfer.files: e.target.files;
			var formData = new FormData();
			for(var i in files){
				formData.append(''file-'+i, files[i]) //contiene todas las imágenes seleccionadas de local
			}
			formData.append('acción', 'votersguide_editor');
			formData.append('g', postHash);
			formData.append('nonce', nonce);

$.ajax({
				url: myAjax.ajaxurl,
				tipo: 'POST',
				data: formData,
				contentType: false,
				crossDomain: cierto,
				dataType: 'json',
				mimeType: "multipart/form-data",
				procesData:false,
				éxito: función(resultado){
					var myJSON = [];
					$.each( result['data'], function( key, value ) {
						myJSON[key] = valor;
					});
					var images = myJSON;
					editor. AssetManager.add (imágenes); añadir imágenes al gestor de activos de GrapesJS
				}
			});
		},
	},
};

editorSettings.container = '#'+selectedPage.attr('id');

var editor = grapesjs.init(editorSettings);

Respuestas (2)

artf2 de marzo de 2020

Creo que viene de 'cssIcons', parece que se me olvidó mirar el valor en algún sitio

alesub2 de marzo de 2020

¡Increíble, tengo ganas de ver el próximo lanzamiento! ¡Gracias!

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.