Problemas con GrapesJS

kerryj89

Estoy teniendo el mismo problema y el enlace @artf menciona que cuando empieza en estado activo deja de funcionar cuando haces clic en otro dispositivo. Edito: @zgeist Lo he arreglado aquí https://github.com/artf/grapesjs/issues/3305#issue...

artf

Creo que el problema es solo con el preset de la página web (no tuve tiempo de actualizar), pero es la misma propiedad descrita al empezar: https://grapesjs.com/docs/getting-started.html#style-manager Tienes que añadir el botón con la prop...

pouyamiralayi

Esto es solo para el icono de arrastrar, ¿verdad? El arrastre manual está bien. Usando el icono de arrastre, parece que se reinicia la posición del elemento desde arriba.

niisar

esto es solo para el icono de arrastrar, ¿verdad? El arrastre manual está bien.usando el icono de arrastrar, parece que se reinicia la posición del elemento desde arriba. Sí, esto es solo para arrastrar iconos.

artf

Sí, el problema aquí es el objeto Event diferente según el contexto. Cuando activas el arrastre sobre el propio componente, el Evento está en el contexto del iframe (porque el elemento con el que se hace clic está en iframe), pero los boto...

artf

Gracias @WebEtSolutions se arreglará en la próxima versión

inaLar

¡Hola! Esta es información muy útil: sobre acceder al modelo de esta manera en lugar del DOM. Lo exploraré. Todavía no entiendo por qué la clase seleccionada por gjs-comp-select se almacena en el innerHTML precisamente cuando suelto el com...

inaLar

@pouyamiralayi, sí, he hecho exactamente lo mismo y funciona, pero también he conseguido usar tagName (div, p, ... ) en el isComponent de un componente de texto extendido y esto también funciona en mi caso. Voy a cerrar la pregunta ahora....

pouyamiralayi

¿Defines tu tipo personalizado dentro de un plugin?

artf

Mmm, probablemente no lo describí bien, especialmente con esto: '''js Por defecto, GrapesJS ya soporta React Element Así que el objetivo de esta función es simplemente entender los objetos generados a partir de JSX y transformarlos en obje...

devgru

Considera usar la bandera 'evitarDefaults', que reduce la huella de configuración eliminando estos valores por defecto: https://github.com/artf/grapesjs/blob/c1fb490a73adefb0fa073f37bef4e6178d9321a8/src/editor/config/config.js#L131

artf

Considera usar la bandera avoidDefaults, reduce la huella de configuración eliminando estos valores por defecto Correcto

artf

No puedes simplemente hacer '$('.img[src=""]')' Los componentes de GrapesJS no están en el mismo contexto, se colocan dentro de un iframe, así que tienes que usar el 'document' de ese iframe, por ejemplo. '''js editor. Canvas.getDocument()...

pouyamiralayi

¿Tu selector es correcto? Que yo sepa, las uvas pondrán 'background-image:url()' en lugar de src.

ghost

Solo añade estilo 'overflow: auto' a .gjs-cv-canvas__frames

artf

Después de investigar un poco más sobre este tema, sugeriría simplemente no exceder la altura del lienzo con el dispositivo. Desafortunadamente, actualmente, hacer que cualquier parte del lienzo sea desplazable (solución sugerida por @TheD...

contentfree

@artf ¿Sigue siendo cierto tu comentario? ¿Añadir 'overflow: auto' (especialmente en un lienzo de "modo diseñador" / "modo absoluto") sigue causando problemas?

smik3

¡Oh, lo sé! A lo que me refería es que si intentas usar los archivos índice/bloque/componente de dist (es decir, no minificados y más fáciles de trabajar), no funcionan fuera de un entorno node/webpack. El 19 de agosto de 2019, a las 20:18...

inaLar

@smik3, esto no es una buena práctica, ya que no te permitirá actualizar GrapesJS fácilmente en el futuro. Será mejor que separes el código personalizado en las funciones de js y el que necesites usar como plugin, puedes cargarlo. O usar s...

Chaitwo

Hola, @GoodPHP necesito ayuda con un reto al que me he estado enfrentando Quiero ocultar las imágenes con src vacío en modo previsualización y mostrarlas en modo editor, es decir, parar: previsualización. He probado esto pero por alguna ra...