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 231

🔍 general
#35883 de julio de 2021por ap0l02 respuestas
Reacciones 0
questiongeneral

Pregunta: ¿hay alguna forma de hacer que GrapeJS Mobile Editor sea utilizable?

Hola, ¡Proyecto increíble! sin embargo, tras comprobar el plugin para Grapejs Touch, sigue siendo muy difícil usar el editor desde un dispositivo móvil. ¿Hay alguna forma de simplificar la interfaz para facilitar la personalización desde un dispositivo móvil? Esto es principalmente para la opción de "boletín". ¡Muchas...

artf

Desafortunadamente, la interfaz actual es la que es, la alternativa es crear tu propia interfaz más amigable para móviles.

ClaudeCode

Gracias por informar de esto, @ap0l0. Buena pregunta sobre Pregunta: ¿hay alguna forma de hacer que GrapeJS Mobile Editor sea utilizable?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la do...

Ver detalles
#357830 de junio de 2021por jcsofts2 respuestas
Reacciones 0
componentstypescriptgeneral

Versión 0.17.4 Los componentes faltan al intentar añadir imagen de fondo al cuerpo

Añado domComponents: { storeWrapper: 1 }, Al inicializar el editor web, para habilitar añadir imagen de fondo al cuerpo. funciona bien usando el StorageManager local, pero se pierden todos los componentes al usar el StorageManager remoto A continuación se presentan los datos {"type":"wrapper", "droppable":".container"...

artf

Hola @jcsofts si el almacenamiento local funciona bien y tu remoto no, eso significa que probablemente estés haciendo algo mal en el lado del endpoint. No puedo ayudarte aquí sin un ejemplo reproducible, así que solo puedo sugerir que siga...

ClaudeCode

Gracias por informar de esto, @jcsofts. Gracias por compartir tu informe sobre la versión 0.17.4 de los componentes que faltan al intentar añadir una imagen de fondo al cuerpo. Para ayudar al equipo a investigar y priorizar esto: Por favor...

Ver detalles
#355922 de junio de 2021por iabhiyaan3 respuestas
Reacciones 0
componentsstyle-managergeneral

Page.getMainComponent().view da información indefinida cuando se selecciona la página

Hola @artf, Quiero obtener el elemento HTML de la página seleccionada. Pero devuelve indefinido al usar el siguiente código: '''js editor.on('page:select', page => { page.getMainComponent().view.el.querySelector('section'); Hay una etiqueta de sección dentro de esa página... }); ```

artf

Hola @iabhiyaan, cuando se activa 'page:select', los iframes dentro del lienzo aún no están cargados, así que solo tienes que esperar a que estén cargados antes de acceder a su DOM. '''js editor.on('page:select', page => { const frame = pa...

iabhiyaan

Gracias, @artf.

ClaudeCode

Gracias por informar de esto, @iabhiyaan. Gracias por compartir tu informe sobre page.getMainComponent().view da un momento indefinido de cuándo se selecciona la página. Para ayudar al equipo a investigar y priorizar esto: Por favor, propo...

Ver detalles
#354616 de junio de 2021por ankx062 respuestas
Reacciones 0
componentstypescriptgeneral

¿Cómo puedo añadir la barra de herramientas personalizada izquierda para el componente Imagen, similar a texto?

Queremos añadir una barra de herramientas personalizada al componente de imagen que se mostrará a la izquierda (similar a lo que mostramos para el componente de texto). Por favor, decidme cómo puedo hacerlo. Queremos añadir diferentes barras de herramientas personalizadas para componentes personalizados también.

artf

Revisa la propiedad 'toolbar' en la referencia de la API de Componentes e intenta buscar algo relacionado en Problemas

ClaudeCode

Gracias por informar de esto, @ankx06. Buena pregunta sobre ¿Cómo puedo añadir la barra de herramientas izquierda personalizada para el componente Imagen, similar a texto. El enfoque recomendado con Componentes es utilizar la API orientada...

Ver detalles
#354415 de junio de 2021por maekawataiki2 respuestas
Reacciones 0
questiondocumentationgeneral

El comando Botón de Rasgos no funciona en la versión 0.17.4

Versión: 0.17.4 El botón de rasgo con tipo no llama al comando en 0.17.4, que se usaba para funcionar antes de 0.17.3.Comportamiento esperado Al hacer clic en el botón, invocar el comando está definido en el rasgo.Qué está pasando Pulsar el botón no sirve de nadaEjemplo de jsfiddle Mando trabajando en 0.17.3 -> https:...

mosh-tudor

@maekawataiki Esto está arreglado, pero aún no se ha publicado - https://github.com/artf/grapesjs/issues/3497

ClaudeCode

Gracias por informar de esto, @maekawataiki. Buena pregunta sobre Trait Button Command que no funciona en la versión 0.17.4. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles
#353413 de junio de 2021por iabhiyaan4 respuestas
Reacciones 0
bugstyle-managergeneral

Error de compilación de ejecución de NPM

La compilación de ejecución de NMM da un error @version 0.17.3.. /.. /lib/codemirror en ./src/editor/dist/grapes.min.js.. /css/css en ./src/editor/dist/grapes.min.js.. /javascript/javascript en ./src/editor/dist/grapes.min.js.. /xml/xml en ./src/editor/dist/grapes.min.js

artf

Cuéntanos más detalles sobre tu montaje y el error

iabhiyaan

'''js { "nombre": "grapesjs", "descripción": "Marco de construcción web libre y de código abierto", "versión": "0.17.3", "autor": "Artur Arseniev", "licencia": "BSD-3-Cláusula", "página principal": "http://grapesjs.com", "principal": "dist...

iabhiyaan

Build de NPM Run CSS funciona bien. Pero npm run build da esos errores

Ver detalles
#352810 de junio de 2021por krishnaeverestengineering2 respuestas
Reacciones 0
componentstypescriptgeneral

No pude hacer pruebas unitarias de los componentes de grapesjs

No estoy seguro de qué está pasando exactamente, pero esto es lo que me está pasando. A veces los exámenes pasan y los exámenes fallan aleatoriamente por esto. ¿Cualquier ayuda, por favor@artf <img width="1474" alt="Captura de pantalla 2021-06-10 a las 7:08 14 PM" src="https://user-images.githubusercontent.com/5573288...

artf

Igual que aquí https://github.com/artf/grapesjs/issues/3476#issuecomment-848074298

ClaudeCode

Gracias por informar de esto, @krishnaeverestengineering. Gracias por compartir tu informe sobre no pude hacer pruebas unitarias de los componentes de grapesjs. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: U...

Ver detalles
#352610 de junio de 2021por iabhiyaanRespuesta 1
Reacciones 0
questionbuggeneral

Pregunta: ¿Cómo inicializar correctamente los grapesjs dentro de la tienda Vuex?

'''js importa uvas de './dist/grapes.min.js' estado const = { editor: grapesjs.init({ Escenarios }) } ``` Esto genera un error: el tamaño máximo de la pila de llamadas superado

ClaudeCode

Gracias por informar de esto, @iabhiyaan. El problema con Pregunta: ¿Cómo inicializar correctamente los grapesjs dentro de la tienda Vuex? parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele o...

Ver detalles
#35133 de junio de 2021por sizhousama3 respuestas
Reacciones 0
questiongeneral

Cómo hacer que un bloque personalizado siempre esté al final de la página

¿Cómo hacer que un bloque personalizado siempre esté al final de la página?

YyueeiWY

Necesitas la flexibilidad de la pantalla En tu caso, alinea cada bloque en el extremo, usa ( align-content: flex-end; ) en cuerpo o en el elemento padre <pre> &lt;class body="flex-container flex-end"&gt; &lt;div class="flex-item"&gt;1&lt;/...

artf

Hola @sizhousama la forma más sencilla probablemente sea algún tipo de truco CSS o puedes definir, usando componentes personalizados, una estructura con contenedores fijos (por ejemplo, uno para el encabezado, para el cuerpo y el zapata).

ClaudeCode

Gracias por informar de esto, @sizhousama. Buena pregunta sobre [PREGUNTA]: Cómo hacer que un bloque personalizado siempre esté al final de la página. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Co...

Ver detalles

Explora todos los temas