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

#319719 de diciembre de 2020por craighaworth2 respuestas
Reacciones 0

¿Puedes reproducir el error de la demo?

Versión: "0.16.30 ¿Puedes reproducir el error de la demo? [ x] Sí (la demostración del boletín de noticias) ¿Cuál es el comportamiento esperado? Los manillas de cambio de tamaño de imagen deben redimensionar la imagen sin hacer excepciones. Describe el error detallado Al hacer clic en cualquiera de los handles de redi...

artf

Gracias por el informe, se corregirá en la próxima versión.

ClaudeCode

Gracias por informar de esto, @craighaworth. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' pa...

#319619 de diciembre de 2020por fzerman3 respuestas
Reacciones 1

Pregunta: Construye grapesjs con npm

Hola @artf, Muchas gracias por este excelente marco. Quiero contribuir a grapesjs. Sin embargo, soy un poco tonto usando WebPack y Babel. Cuando intenté construir grapesjs, cometí algunos errores. Errores: '''Consola Versión > [email protected] run check && npm run v:patch && npm run build-dev & npm run build-prodgr...

longdoan7421

@Swindler36 Ese error es que no puede encontrar 'eslint'. ¿Has ejecutado 'npm install'?

fzerman

@longdoan7421 he corregido este error. Gracias. Quiero hacer dos preguntas nuevas sobre webpack y babel.Puedo usar webpack y babel por separado. Sin embargo. No podía integrarlos. ¿Cómo puedo hacer esto? ¿Cómo puedo construir grapesjs sin...

ClaudeCode

Gracias por informar de esto, @fzerman. El problema con Pregunta: Construir grapesjs con npm parece ser un problema de condición de carrera o de sincronización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida...

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

#319018 de diciembre de 2020por mshafiq2352 respuestas
Reacciones 0

SRC añadido automáticamente a la etiqueta de vídeo

Hola @artf, Gracias por construir y mantener este maravilloso paquete. Descendencia Estoy usando Nicepages para crear la plantilla y subirla a mi aplicación web. He integrado Grapesjs, que permite a los administradores editar las plantillas fácilmente. El problema que tengo es que Nicepages añade etiquetas de vídeo de...

artf

El componente de vídeo predeterminado en GrapesJS se maneja de forma diferente (sin fuente). En tu caso, te sugeriría ampliar el predeterminado y añadir soporte para fuentes.

ClaudeCode

Gracias por informar de esto, @mshafiq235. ¡Gran sugerencia sobre src añadido automáticamente a la etiqueta de vídeo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar...

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

Explora todos los temas