BUGS - No se puede leer la propiedad 'querySelector' de null en r.getBody
Pregunta
Hola
Intentaba usar grapesjs en las páginas de Visualsource.
A continuación se presenta la función de iniciación -
'initEditor: function(){
var self = esto;
this.editor = grapesjs.init({
Contenedor: '#gjs',
fromElement: cierto,
Altura: '500px',
Ancho: 'Auto',
storageManager: false,
paneles: { predeterminados: [] },
blockManager: {
appendTo: '#blocks',
bloques: self.wcComponents
},
});
this.editor.runCommand('sw-visibility');
this.editor.Panels.addPanel({
id: 'Acciones-básicas',
EL: '#canvas-panel',
botones: [
{
id: 'exportar',
NombreClase: 'btn-open-export slds-botón slds-button_brand',
etiqueta: 'Exportar a HTML',
comando: 'export-plantilla',
contexto: 'export-plantilla', // Para agrupar el contexto de botones del mismo panel
}, {
id: 'show-json',
NombreClase: 'btn-show-json slds-button slds-button_brand',
etiqueta: 'Exportar a JSON',
Contexto: 'show-json',
comando(editor) {
editor. Modal.setTitle('Components JSON')
.setContent('<textarea style="width:100%; height: 250px;">
${JSON.stringify(editor.getComponents())}
')</textarea>
.open();
},
},
{
id: 'show-css',
NombreClase: 'btn-show-json slds-button slds-button_brand',
etiqueta: 'Exportar CSS',
Contexto: 'show-CSS',
comando(editor) {
editor. Modal.setTitle('Editor CSS')
.setContent('<textarea style="width:100%; height: 250px;">
${JSON.stringify(editor.getCss())}
')</textarea>
.open();
},
},
{
id: 'avance del espectáculo',
NombreClase: 'btn-show-json slds-button slds-button_brand',
etiqueta: 'Avance',
Contexto: 'show-CSS',
Orden: 'Núcleo: Vista previa',
}
],
});
newElement: {wcId: "", TagName: "", TagType: "", OnEvent: {}, Propiedades: {classes: [], Atributos: [], Style: []} };,
this.editor.on('component:add', (element, argument) => {
console.log("component:add", element, argument);
var id = element.ccid;
element.atributos.atributos['data-wcId'] = id;
self.newElement.TagName = element.attributes.tagName;
self.newElement.wcId = id;
self.newElement.Properties.Attributes = elemento.atributos.atributos;
for(var i=0; i < element.attributes.classes.models.length; i++){
self.newElement.Properties.classes.push(element.atributos.clases.modelos[i].atributos.nombre);
}
auto.constructorElementos.empujar(yo.nuevoElemento);
auto.resetnewElement();
})
this.editor.on('component:remove', (some, argument) => {
console.log argumento ("component:remove", algunos);
})
this.editor.on('component:selected', (selectedComponent, argument) => {
selectedCopmMetadata = {};
auto.seleccionadoComp = selectComponent;
auto.mostrarPropiedadTab();
console.log("component:selected", selectedComponent, argument);
_.each(selectedComponent.getAttributes(), function(value, key){
console.log(valor, clave);
if(key == "data-wcId"){
self.selectedCopmMetadata = _.findWhere(self.builderElements, {wcId : value});
console.log(self.selectedCopmMetadata);
}
self.selectedCopmMetadata.setClass('slds-input test');
})
})
this.editor.on('bloque:arrastrar:iniciar', (dropBlock, argumento) => {
console.log("inicio de arrastre de bloque");
console.log(auto.editor.Canvas.getElement());
})
},`
Esta función añade perfectamente el creador de páginas de uvas pero aparece el error de seguimiento en consola.
! [Sangre de uva](https://user-images.githubusercontent.com/32833748/82032201-8653a900-96b8-11ea-916e-ce40ac226dcf.png)Respuestas (2)
Por favor, crea una demo reproducible.
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para actuar. Por favor, contacta con nosotros si tienes o encuentras las respuestas que necesitamos para que podamos investigar más a fondo.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #998
[BUG] El administrador de activos envía una solicitud vacía al subir la imagen
Descripción: El editor GrapesJS se inicializa en un archivo editor.html de la siguiente manera: 'localhost:9001' es un servidor IIS local q...
Issue #2663
[BUG] La pulsación de teclas WASD devuelve un error en Canvas
Hola, Me sale un error al pulsar una tecla en Canvas sin RTE activado. ErrorTypeUncatch: No se puede leer la propiedad 'hasFocus' de null n...
Issue #2700
[Bug] Resultado del editor de pasar el cursor en TypeError: this[0].getAttribute no es una función
¿Estás usando la última versión (las versiones anteriores NO están soportadas)? Sí, usando la última versión v0.16.3. ¿Qué pasó? Actualizad...
Issue #1288
No se puede leer la propiedad 'cuerpo' de nulo - Angular
Hola, Tengo una lista de plantillas de correo electrónico (página 'plantillas') y hay un botón que abre la edición (página 'templates/edit/...
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.