Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub — 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#20655 de junio de 2019por Amir28283 respuestas
Reacciones 0

Algunas preguntas

En primer lugar, Un aplauso increíble para todos los implicados. Tengo un par de preguntas:¿Cómo puedo iterar sobre todos los componentes y cambiar su contenido en el lienzo? Me gustaría implementar una función de buscar y reemplazar que sustituya una cadena específica en todos los Elementos dentro del lienzo. ¿Hay al...

Amir2828

Vale, he conseguido resolver el primer problema. Usé get components y iteré recursivamente en el árbol. Cuando terminé usé el DomComponents.render() Sigo buscando orientación respecto a la segunda pregunta

Amir2828

Vale, creo que también he conseguido resolver la segunda pregunta. Inyecté en el script JQuery de Canvas, que hacía que los acordeones y los deslizadores se comportaran como se esperaba.

Amitkumar85533

Hola @Amir2828, ¿Puedes contarme sobre el acordeón? ¿Puedes dar un pequeño ejemplo?

Ver detalles
#20644 de junio de 2019por Moikapy2 respuestas
Reacciones 0

Problema Inicio y construcción de GrapesJS

Cloné, descargué/descomprimí y hice el check-out en un upstream que tengo en mi fork para previsualizar los cambios y, por alguna razón, fallan 456 de las pruebas cuando intento compilar y me sale este error en la consola. ! error de uvas

verdverm

Puedo verificar los mismos resultados de las pruebas también, me encontré con un TO en algún sitio sobre cómo hacer que todos estos pasen.

artf

@Moikapy vale, gracias, parece que es el mismo problema del #2044 Cierro esto, sigamos hablando ahí

Ver detalles
#20633 de junio de 2019por benvmatheson3 respuestas
Reacciones 3

¿Puedo desactivar las consultas multimedia?

¿Es posible desactivar las consultas de medios? Por ejemplo, gira esto: '@media (ancho máximo: 331px){ .bloque-imagen{ posición: absoluta; Top:0; } .c976{ ancho:331px; Altura: 526px; posición: absoluta; } } A esto: '.bloque-imagen{ posición: absoluta; Top:0; } .c976{ ancho:331px; Altura: 526px; posición: absoluta; }

artf

Sí, puedes usar esta opción: https://github.com/artf/grapesjs/blob/60c1755c57da02b57988fbe0e1a0321a5395728c/src/editor/config/config.js#L90-L93

benvmatheson

Podría eliminarlas programáticamente, pero ¿es posible decirle a las uvas que no añadan consultas multimedia a CSS?

benvmatheson

Necesitamos permitir seleccionar el tamaño de los dispositivos durante la edición, pero también eliminar las consultas de medios. Como esto es un caso un poco extremo, supongo que debería esperar que las consultas multimedia siempre se apl...

Ver detalles
#20612 de junio de 2019por froderf3 respuestas
Reacciones 0
outdated

Cómo colocar un componente al final del lienzo.

¿Cómo puedo poner mi zapata al final del lienzo? Quiero que el editor no permita colocar un bloque o widget debajo del pie de página. Ejemplo

artf

Puedes usar algo así '''js pie de página = '<estilo div="relleno: 100px">Mi pie de página</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', pie de página); ```

froderf

@artf ¿Tenemos algo como removeAdjacentHTML() 'editor.getWrapper().getEl().removeAdjacentHTML('afterEnd', pie de página);' porque cuando usamos Se duplica cada vez que recargas la ventana. -------------- Estoy buscando una forma de solucio...

artf

¿Tenemos algo como removeAdjacentHTML() getEl() te da la instancia HTMLElement, así que insertAdjacentHTML es de DOM API, no de GrapesJSsigue duplicándose cada vez que recargas la ventana. ... ¿Se puede crear una demo reproducible?

Ver detalles
#20601 de junio de 2019por alikabeer32Respuesta 1
Reacciones 0

Las clases css personalizadas no funcionan si uso editor.setStyle(css_text);

Necesito establecer estilos usando los datos que recibo de la base de datos de forma asíncrona. Pero entonces se elimina el CSS que compuse manualmente. '''js const cssComposer = editor. CssCompositor; var sm = editor. SelectorManager; var sel1 = sm.add('simple-div'); var rule = cssComposer.add([sel1]); Actualizar el...

artf

Utiliza la API setRule

Ver detalles
#20591 de junio de 2019por adamwpe2 respuestas
Reacciones 0

No aparece seleccionado el bloque personalizado

Aparece al añadir un bloque personalizado al gestor de bloques; si pasas de un objeto de contenido, al seleccionarlo no aparece seleccionado (con la caja azul alrededor del componente): ! imagen Un ejemplo de mi código está aquí: Ejemplo: https://jsfiddle.net/v5k4jqfg/1/ ¿Hay alguna forma de mostrar la caja azul selec...

verdverm

Apuesto a que es algo de valor de configuración, aunque soy nuevo en el mundo de las uvas y aún no sé la respuesta... :[

artf

Elimina la etiqueta personalizada 'tagName: 'doesnotappear_selected''

Ver detalles
#205731 de mayo de 2019por alikabeer322 respuestas
Reacciones 1

Las Media Queries no se aplican a un bloque personalizado que escribí

Escribí un div block sencillo así blockManager.add('simple-div', { etiqueta: 'Contenedor', contenido: '"<!––<div class="simple-div"></div> ––>"', categoría: 'Básico', atributos: { título: 'Simple Box', Clase: 'FA FA-CUADRADO' } }); Pero NO responde en absoluto. Así es como funciona:Configuro su ancho al 100% en el esc...

alikabeer32

@alikabeer32 me estoy enfrentando al mismo problema. Si has resuelto este problema. ¿Podríais compartir la solución aquí? Gracias @umerrinayat no recuerdo lo que hice, pero prueba lo siguiente: Necesitas definir la clase CSS y añadirle un...

umerrinayat

@alikabeer32 estoy pasando por el mismo problema. Si has resuelto este problema. ¿Podríais compartir la solución aquí? Gracias

Ver detalles
#205631 de mayo de 2019por Bhavana20Respuesta 1
Reacciones 0

Diseño personalizado de Gestor de Activos

Hola, Estamos intentando modificar el diseño del gestor de activos para que se ajuste a nuestro requisito a continuación. Requisito:El usuario hace doble clic en la imagen o añade una nueva imagen o cualquier otra opción que abra el administrador de activos, debería aparecer una ventana emergente con las opciones: (Po...

artf

Para este tipo de comportamiento personalizado, sugeriría reemplazar el panel integrado del Administrador de Activos por el tuyo propio

Ver detalles
#205531 de mayo de 2019por zhangyanwei3 respuestas
Reacciones 5

¿Cómo retirar correctamente los componentes?

Quiero eliminar los componentes de forma programática, lo siguiente es mi fragmento de código. '''javascript Comando const = editor. Commands.get('select-comp') editor. Commands.extend('select-comp', { Sobrescribe este método privado para que la barra de herramientas se muestre condicionalmente. updateToolbar(mod) { c...

zhangyanwei

He probado a llamar al método 'setSelected' antes de eliminar componentes, ¡funciona! Aquí está el código actualizado: '''javascript Comando: Combinar las celdas editor. Commands.add('table:table-cells-combine', editor => { const em = edit...

zhangyanwei

@joselin bizmatesph No lo he estado tocando en 3 años, pero supongo que es similar al caso que tuve. Por la instantánea que publicaste, parece que eliminaste los componentes incorrectos y puede que tengas que comprobar el rowspan y el cols...

bizmatesph-joselin-macayanan

@zhangyanwei Me pasó lo mismo, tengo algunos problemas cuando intento fusionar la celda de abajo hacia arriba. ¿Ya has solucionado el problema? ! imagen ! imagen

Ver detalles

Explora todos los temas