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

#207612 de junio de 2019por msassa3 respuestas
Reacciones 2

¿Cómo crear un nuevo componente que permita directivas de la hoja Laravel?

Hola, gracias por el buen trabajo. Me gustaría saber si hay alguna forma de usar las directivas de las cuchillas dentro del código. Ya añado una nueva funcionalidad para editar el código fuente, y funciona perfectamente. ! imagen Pero cuando escribo algo así, el lienzo muestra un texto feo: ! imagen Y me gusta encontr...

artf

@msassa Si escribes el código así, es bastante difícil para el editor entenderlo, pero si creas una especie de componente condicional personalizado tendrás más control sobre él. Aquí tienes un ejemplo de tu caso donde la condición también...

verdverm

¿Qué analizaría esa sintaxis durante el renderizado? He estado mirando ejecutar React en el lienzo, pero necesitamos cargar React y transpilar los componentes que creamos. Hay un script babel en el navegador para hacer algo así. Todavía no...

msassa

Hola, estoy guardando ese código en un archivo, en S3. Más tarde, uso esos archivos en una aplicación de Laravel. Todo funciona bien, la única mejora que me gusta hacer es: El código es correcto como código fuente, y tiene que guardarse as...

#207512 de junio de 2019por webdeveloper04293 respuestas
Reacciones 1

Control deslizante de estilo de valor mínimo bug

Cuando pongo el control deslizante a 0 (valor mínimo), el deslizador devuelve el valor -1 y esta propiedad de estilo queda completamente ignorada porque no es un CSS válido. por ejemplo '''ancho de borde: -1px !importante''' He encontrado el código por qué esto ocurre solo en valor mínimo. en el código de vista desliz...

arthuralmeidap

@starcraft0429, ¿Podrías darnos un ejemplo en el código? He intentado simularlo, pero sin éxito.

storyofyours

@artf Sé nuestro héroe ;)

artf

Chicos, es muy importante seguir la plantilla ISSUE, ¡ni siquiera sé qué versión usáis! ¿Puedes crear una demo reproducible? Porque no entiendo cómo reproducirla

#207411 de junio de 2019por VM81983 respuestas
Reacciones 0

No se puede usar espacio al editar el menú desplegable en el gestor de bloques

Hola @artf He aplicado un menú desplegable en el gestor de bloques, el código se muestra a continuación '''js bm.add("menú-desplegable-en-navbar", { label: '<div class="gjs-block-label">Menú desplegable</div>', Tab: "1", categoría: "Otros", removible: cierto, Arrastrable: Cierto, Droppable: Cierto, Resaltable: Cierto,...

verdverm

Prueba a mirar el DOM para ver qué elemento tienes en el menú desplegable y ver qué elementos html se crean. ¿Ese resultado se parece al HTML que esperas?

VM8198

@verdverm sí, en DOM la salida se ve exactamente igual que necesitaba Mira este vídeo... https://drive.google.com/file/d/1bgb6QibnPPU6qGbLDudOD9xeMGtmvsnG/view

artf

No puedo reproducir con tu código, por favor crea una demo reproducible. Por cierto, propiedades como removible, arrastrable, droppable forman parte de la definición de componentes, no bloques...

#207310 de junio de 2019por AlejandroSuarezA3 respuestas
Reacciones 0

Problemas con usar urlLoad

Tengo un problema para llamar a mi endpoint para cargar una plantilla, está haciendo una solicitud OPTIONS previa al vuelo pero no encuentro cómo continuar después de la respuesta de OK componentDidMount() { this.editor = GrapesJS.init({ Contenedor: '#grapeEditor', plugins: [gjsPresetNewsletter], storageManager: { id:...

verdverm

¿Hay algo más en tu servidor? ¿Realmente next() llega a un manejador? ¿Se puede conseguir la plantilla esperada de fuera (🍇 con rizo o cartero)?

artf

Intenta comprobar errores en consola, probablemente te hayas perdido algo en la configuración de tu CORS. Intenta empezar solo con 'res.header('Access-Control-Allow-Origin', '*');' Por cierto, cierro esto porque no tiene nada que ver con u...

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#207210 de junio de 2019por fmr411Respuesta 1
Reacciones 0

Mostrar editor de RTE

Quiero preguntar por qué cuando quiero mostrar el editor de rte con "editor.getSelected" (). view.enableEditing ()" pero aparece un error "editor.getSelected (...). view.enable Editar no es una función", gracias

artf

En realidad, el método 'enableEditing' fue eliminado y reemplazado por 'onActive', pero para evitar futuros cambios recomendaría usar este 'editor.getSelected().trigger('active')'

#20707 de junio de 2019por adamwpe3 respuestas
Reacciones 0

Evitar que el gestor de estilos sustituya AUTO por las unidades de píxeles

No estoy muy seguro de cómo explicarlo, pero parece que el responsable de estilo reemplaza 'AUTO' por las unidades reales. Pero si el usuario cambia un valor, por ejemplo, margen superior. Guarda las unidades, no el valor 'AUTO' dentro de los otros campos que no fueron modificados. Es decir, el comportamiento del div...

adamwpe

Uno de mis ajustes era incorrecto durante las pruebas.

danielwirz

Hola @adamwpe Tengo exactamente el mismo problema. ¿Qué ajuste cambiaste para solucionar esto? Gracias y un saludo cordial

AnnaSu

@adamwpe Tengo el mismo problema. ¿Cómo lo solucionasteis?

#20696 de junio de 2019por Sparragus3 respuestas
Reacciones 0

'allowScripts: true' sigue <script> eliminando etiquetas

Hola a todos. Gracias por crear y mantener este increíble proyecto. 🙏 Descripción del bug Tengo un bloque que inserta un script como se especifica aquí: https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Cuando arrastro el bloque al lienzo, el componente efectivamente tendrá el script unido a sí mismo...

dosponsor

¿Podríais darnos la solución a este problema?

artf

Gracias por el informe @Sparragus El problema aquí es cuando usas una función para el 'script' dentro de Blocks. Cuando el editor intenta almacenar el JSON, la estructura se serializa, pero la función no es serializable, por lo que para es...

Sparragus

@artf Gracias por la aclaración. Salud.

#20686 de junio de 2019por ssabrewolf3 respuestas
Reacciones 0

El plugin GrapesJs gradient ya no funciona

Hola equipo de GrapesJs Después de actualizar la versión de grapesjs desde la 14.0.59, noté que el plugin gradient dejó de funcionar, También he revisado la página de demostración de Gradient y he notado el mismo comportamiento aquí https://codepen.io/artf/pen/bYwdQG Gracias de antemano

ssabrewolf

Hola @artf he visto que has añadido la etiqueta de ayuda buscada, podría intentarlo, pero ¿podrías darme algunos consejos o hipótesis sobre cuál podría ser la razón para no empezar de cero preguntándose en la oscuridad? Por supuesto que pr...

artf

@ssabrewolf sí, soy el autor del plugin de degradado, pero para ser sincero no tengo ni idea de qué ha pasado, definitivamente es una regresión tras alguna actualización en el módulo del Style Manager. Lo que sí puedo decir es que funciona...

alikabeer32

Es absurdo, pero encuentro que si escribes 'decoration' en vez de Decoration, el plugin funciona. En la demo y también en mi código.

#20676 de junio de 2019por megarg3 respuestas
Reacciones 0

No puede referenciar otra biblioteca desde un componente personalizado

Hola Artf, He estado intentando hacer esto todo el día y no funciona. No pude encontrar ningún ejemplo ni ninguna solución en mi búsqueda. Aquí tienes una parte relevante de mi código en el "components.js" del plugin personalizado: Estoy recibiendo un error de compilación que dice que "Formio" no está definido sin def...

megarg

$ nodo -v v10.15.3 $ npx nodo-sass -v node-sass 4.12.0 (Envoltorio) [JavaScript] libsass 3.5.4 (compilador Sass) [C/C++] El sistema operativo es: Windows 10

artf

No puedes usar 'Formio' si aún no está definido, supongo que usas el código de abajo para cargarlo '''js var script = document.createElement('script'); script.onload = initMySLider; script.src = 'https://unpkg.com/formiojs@latest/dist/form...

megarg

Hola Artf Gracias por tu respuesta. El problema básico es que el evento "script.onload" no se activa en Chrome. También probé "eventListener" pero tampoco se activa en Chrome para script. Dispara para "ventana" pero no para "script". ¿Hay...

#20665 de junio de 2019por tsuwunrut-carecloud3 respuestas
Reacciones 2

Límite de páginas

Actualmente uso GrapesJS como compositor de letras/formularios, y hasta ahora me ha funcionado de maravilla. Sin embargo, estoy terminando los últimos requisitosEstoy escalando el lienzo al tamaño de una hoja de papel A4 para que, cuando imprima, todo sea consistente con la forma que han construido. Sin embargo, no es...

bloigge

@tsuwunrut-carecloud - ¿encontraste una solución para tu problema? Estoy pasando por algo similar.

bharatnadkarni

@tsuwunrut-carecloud @bloigge @sagarneo11 alguno de vosotros encontró una solución para esto?

sagarneo11

@tsuwunrut-carecloud, ¿podrías avisarnos si encuentras una solución para la función mencionada? Me encantaría tener la misma función en mi app, sería muy útil si pudieras sugerirla.

Explora todos los temas