Conseguir un 404 en mixins.js
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.
- Estoy usando la última versión.
- El error ocurre con una copia local de GrapesJS.
- MacOS - último navegador Chrome
- El error no está presente en la demo
- Comportamiento esperado: que el editor cargue sin ningún error
- 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)
Creo que viene de 'cssIcons', parece que se me olvidó mirar el valor en algún sitio
¡Increíble, tengo ganas de ver el próximo lanzamiento! ¡Gracias!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4225
ERROR: El plugin de Facebook no funciona en el js de uvas
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible No est...
Issue #3381
Cambiar entre componentes da un error máximo de tamaño de pila de llamadas
Hola artf, me gustaría darte las gracias por crear una herramienta tan potente para crear CMS personalizados. Estoy implementando una funci...
Issue #6674
Los enlaces ancla con navegación por hash no funcionan en modo de vista previa
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 143.0.7499.41 Enlace de demo reproducible h...
Issue #6422
En la rama de desarrollo, cuando la vista previa está activada, no se debería permitir arrastrar componentes, pero sí lo permite.
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 133 con rama de desarrollo a fecha de 27.02...
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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.