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 877

🔍 question
#319519 de diciembre de 2020por henry9304 respuestas
Reacciones 0

No se puede cargar javascript bajo grapesjs

¿Puede cargar JavaScript en el panel grapesjs?

fzerman

Hola @henry930, Solucioné este problema desarrollando un recargador. '''js let editorConfig = { Tus configuraciones } Sea editor = falso; function editorLoad(){ $(editorConfig.container).empty (); con JQuery editor = grapesjs.init(editorCo...

artf

https://grapesjs.com/docs/modules/Components-js.html

Aze1337

No entiendo cómo en 4 años sigue sin admitir importar un solo archivo HTML que se renderice con JavaScript. La mayoría de los estilos son muy desajustados

#319418 de diciembre de 2020por stljeff13 respuestas
Reacciones 0

¿Cómo reutilizo el Spectrum Color Picker?

Me gustaría reutilizar el selector de colores que se usa en GrapesJS. Tengo que usar un selector de color para algunos ajustes a nivel de proyecto. Estos ajustes son accesibles desde el editor GrapesJS. Me gustaría aprovechar el selector de color existente que se usa para rasgos como los colores de la fuente, etc. He...

artf

Actualmente, la única forma es usar esta API, no pública. '''js editor.getModel().initBaseColorPicker(DomElement, { / spectrum options / }); ``` He empezado a trabajar en un nuevo módulo de UI para manejar situaciones similares (posibilida...

himedlooff

¿Hay alguna forma de mantener el selector de color pero configurar las opciones de Spectrum? Por ejemplo, si quisiera forzar los colores hexadecimales podría pasar '{ preferredFormat: "hex" }'?

ClaudeCode

Gracias por informar de esto, @stljeff1. ¡Gran sugerencia sobre ¿Cómo reutilizo el Spectrum Color Picker?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el...

#319318 de diciembre de 2020por jlong-crestron4 respuestas
Reacciones 0

LOGRO: Cambio del almacenamiento interno actual de objetos para permitir mapeos de relaciones en lugar de la implementación actual de contenedor indexable

¿Qué intentas añadir a GrapesJS? Actualmente, las instancias de editor recién instanciadas se añaden a una colección indexable donde el usuario debe gestionar la relación de estos editores en su implementación. En su lugar, debería haber una colección gestionada donde el usuario pueda proporcionar un valor clave que l...

artf

No estoy seguro de haberlo entendido bien, ¿puedes ilustrar de alguna manera el comportamiento actual y tu propuesta?

jlong-crestron

Básicamente, estoy buscando un cambio en la lista expuesta que agregue las instancias del editor al inicializar, así que cambiar 'editors' de una lista a un mapa con una nueva propiedad en el objeto de configuración init en el parecido de...

no-response[bot]

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...

#319218 de diciembre de 2020por niveth092 respuestas
Reacciones 0

¿Cómo hacer que los componentes no sean editables en el modo de vista previa?

Estoy intentando que los componentes no sean editables en el modo de vista previa. El siguiente código no funciona. Por favor, ayúdame a arreglarlo. editor; ngOnInit(){ this.editor = this.initializeEditor(); this.editor.on('load', () => this.editor.runCommand('preview')); this.editor.on('run:preview', () => { this.edi...

artf

Arregla tu función de esta manera '''js whenRunPreview(ed, type) { ed.getWrapper().findType(type).forEach(cmp => cmp.set({ editable: false })) } ```

ClaudeCode

Gracias por informar de esto, @niveth09. Buena pregunta sobre ¿Cómo hacer que los componentes no sean editables en modo previsualización?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consult...

#319118 de diciembre de 2020por echobinod2 respuestas
Reacciones 1

¿Cómo identificar qué bloque se arrastra al lienzo?

Quiero añadir la pequeña condición de si como: si (se arrastra el bloque1) { Modal del programa }

artf

Puedes usar el evento 'bloquear:arrastrar:parar' '''js editor.on('bloque:arrastrar:stop', (componente, bloque) => { // ... }) ```

ClaudeCode

Gracias por informar de esto, @echobinod. Buena pregunta sobre ¿Cómo identificar qué bloque se arrastra al lienzo?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

#318916 de diciembre de 2020por marcepoblet2 respuestas
Reacciones 3

ChangesCount se incrementa, sin cambios aplicados

double-click.pptx ¿Es posible que el parámetro "changesCount" no se incremente cuando solo haces doble clic en un componente? El parámetro "changesCount" se incrementa cuando haces doble clic y no se hacen cambios. He adjuntado un vídeo en el archivo pptx que muestra este comportamiento. Esto es reproducible en cualqu...

artf

Debería arreglarse en la próxima versión

ClaudeCode

Gracias por informar de esto, @marcepoblet. Buena pregunta sobre cambiosConteo incrementado, sin cambios aplicados. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#318816 de diciembre de 2020por GoodPHPRespuesta 1
Reacciones 0

¿Bloque personalizado para componente: tu opinión?

Hola, mi equipo desarrolló este bloque personalizado para GrapesJS. <img src="https://devfuture.pro/wp-content/uploads/2020/12/GrapesJS-Preset-Webpage-2020-12-16-00-35-02.png"> Aquí tenemos un ejemplo en vídeo: https://www.youtube.com/watch?v=ZDnWS0X145s ¿Qué opinas? ¿Te gusta? Nuestro servicio en GrapesJS: https://de...

ClaudeCode

Gracias por informar de esto, @GoodPHP. Buena pregunta sobre Custom Block para componente, ¿tu opinión?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

#318611 de diciembre de 2020por kuhelbeher2 respuestas
Reacciones 0

Redimensionar con porcentaje

Hola, hay un error con el redimensionamiento de los elementos cuando sus tamaños se ajustan con porcentaje: ! simplescreenrecorder-2020-12-11_15 46 17 Puedes consultar este número aquí

artf

No es un error, simplemente nunca he gestionado bien el redimensionamiento con el porcentaje 🙃 Una imagen permanente sería bienvenida

ClaudeCode

Gracias por informar de esto, @kuhelbeher. El problema con el Redimensionamiento con porcentaje parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de v...

#318511 de diciembre de 2020por Stiggi2 respuestas
Reacciones 0

¿Cómo obtener el rasgo del modelo de un componente?

Hola, He añadido un nuevo tipo de "array" al TraitManager. Así que puedo añadir varios subrasgos. En un punto tengo que comprobar los rasgos del modelo. Hago esto con un constructo como este: ¿Hay alguna forma más sencilla de obtener el modelo de un componente directamente del componente? Un cordial saludo, Michael

Stiggi

más sencillo de lo que pensaba :) 'editor.getSelected().defaults.traits'

ClaudeCode

Gracias por informar de esto, @Stiggi. Gran pregunta sobre [PREGUNTA] ¿Cómo obtener el rasgo del modelo de un componente?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#318411 de diciembre de 2020por sathyanarayananaCES4 respuestas
Reacciones 1

Haz clic en el problema sobre cómo integrar el plugin grapesjs-style-bg en el creador web

Estoy usando la versión de GrapesJS (0.16.27) y he integrado el plugin grapesjs-style-bg en el editor. La funcionalidad funciona perfectamente. Pero al hacer clic en las pestañas de la propiedad de segundo plano, surge el problema del clic. Inmediatamente cambia la pestaña. Especialmente ocurre cuando seleccionamos la...

artf

Gracias por el vídeo del problema, pero no ayuda en absoluto a solucionarlo. Si no puedes crear una demo reproducible, no puedo ayudarte.

sathyanarayananaCES

Gracias@artf por echar un vistazo al vídeo, intentaré crear una demo reproducible y adjuntarla aquí.

no-response[bot]

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...

Explora todos los temas