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 183

🔍 documentation
#378316 de septiembre de 2021por mattnoth3 respuestas
Reacciones 0

Texto superpuesto RTE cuando el componente de texto está al 100% de altura

Versión GrapesJS Por favor, ayudadme; puede que esto se haya solucionado en algún sitio, pero revisé los problemas y no encontré ninguno; hay una referencia documental sobre mover la posición del RTE, pero no estoy seguro de dónde debería ir en el init—> ¿qué significa 'rteToolbarPosUpdate'? ¿Y qué mierda significa? S...

artf

No es un error, solo un caso de uso raro.

mingxin-yang

@artf quiero cambiar la posición de rteToolbar, pero pos no tiene los parámetros mencionados en el documento

ClaudeCode

Gracias por informar de esto, @mattnoth. Buena pregunta sobre RTE solapando texto cuando el componente de texto está al 100% de altura. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la do...

#373330 de agosto de 2021por anatoli-dp2 respuestas
Reacciones 0

El Storage Manager no carga correctamente?

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

artf

Estás llamando al 'clb' fuera del fetch, en tu función de carga '''js load(keys, clb) { fetch(...). entonces(r => r.json()) .then(res => { ... clb(resultado) }) } ```

ClaudeCode

Gracias por informar de esto, @anatoli-dp. ¿El problema con (o simplemente problema general) el gestor de almacenamiento no carga correctamente? parece ser una condición de carrera o un problema de sincronización de gestión de estados. Est...

#371318 de agosto de 2021por shkhalid3 respuestas
Reacciones 1

Los componentes almacenados con script no pueden renderizarse correctamente

Estoy teniendo algún problema cuando intento guardar algunos componentes, incluyendo algunos scripts, y recargar la página, los componentes no se renderizan correctamente. Está mostrando cajas vacías. Ejemplo: Cuando intento guardar un componente gráfico de 'jvas28/grapesjs-echarts' y recargo la página, me sale esto <...

shkhalid

¡Gracias @artf! Por fin pude averiguarlo El problema estaba en 'tagVarStart' y 'tagVarEnd'. Después de comentarlo, empieza a funcionar

artf

Oye, @shkhalid gracias por el informe, pero en este repositorio deberías abrir los problemas reproducibles sin plugins externos, ya que podría ser un problema del propio plugin. Al menos por lo que puedo ver sobre el núcleo, no veo problem...

ClaudeCode

Gracias por informar de esto, @shkhalid. Buena pregunta sobre los componentes almacenados con script que no pueden renderizarse correctamente. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Con...

#370313 de agosto de 2021por anatoli-dp2 respuestas
Reacciones 0

Los IDs personalizados tienen un \3 inyectado en el CSS y un espacio después de la siguiente letra después del \3 cuando se añaden al lienzo

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

anatoli-dp

Por favor, ten en cuenta que este problema es grave... Ahora que lo veo me siento tonta... Los IDs no pueden empezar con un número y no lo tuve en cuenta al hacer esto

ClaudeCode

Gracias por informar de esto, @anatoli-dp. El problema con los IDs personalizados tienen un \3 inyectado en el CSS y un espacio después de la letra siguiente al \3 cuando se añaden al lienzo parece ser una condición de carrera o un problem...

#370213 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

Etiquetas de cabeza HTML no añadidas al dom

Estoy usando [grapesjs library][1] para crear páginas web, he añadido un bloque personalizado según docs [aquí][1] cuando arrastro el bloque a canvas, se añaden datos HTML pero la etiqueta '<head></head>' está vacía, Aquí está mi código function tempOnePlugin(editor) { editor. BlockManager.add('my-first-block', { etiq...

ClaudeCode

Gracias por informar de esto, @throne1986. Buena pregunta sobre etiquetas HTML de cabeza no añadidas al dom. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#370012 de agosto de 2021por anatoli-dp3 respuestas
Reacciones 3

Configuración arrastrable: 'Envoltorio' no se suelta en el envoltorio

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

artf

La cadena aquí se supone que es una cadena de consulta, así que intenta consultar una etiqueta 'wrapper', que obviamente no existe. El editor adjunta el atributo 'data-gjs-type' a todos los componentes del marco, por lo que la consulta que...

anatoli-dp

Ah, ahora tiene mucho más sentido... Gracias, eso solucionó el problema

ClaudeCode

Gracias por informar de esto, @anatoli-dp. El problema con configurar arrastrable: 'envoltorio' no cae en el envoltorio parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los...

#369010 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

Añadir A no trabajar con el gestor de rasgos

Tengo un ejemplo básico que sigue HTML <div id="gjs"> <div class="traits-container"></div> <div style="relleno: 25px">Hola Mundo!!</div> </div> <h1> Añadir gestor de rasgos </h1> <div class="traits-container"></div> Js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: cierto, Altura: '100%', storageManag...

ClaudeCode

Gracias por informar de esto, @throne1986. Buena pregunta sobre appendTo no trabajar con el gestor de rasgos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#368810 de agosto de 2021por mingxin-yang2 respuestas
Reacciones 0

Cómo personalizar un componente

Leí este documento https://grapesjs.com/docs/modules/Components.html#define-custom-component-type e intenté escribir el siguiente código. Quiero que 'mj-body' sea imposible de eliminar: Pero no veo efecto, por favor ayudadme

artf

Haz esto 'isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body','

ClaudeCode

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Cómo personalizar un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

#36735 de agosto de 2021por imouou2 respuestas
Reacciones 0

Opción Resizeable:True cambiará todos los mismos componentes en Canvas.

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

artf

Utiliza el diseño primero por componentes '''js grapesjs.init({ ... selectorManager: { componentFirst: cierto, ... }, }) ```

ClaudeCode

Gracias por informar de esto, @imouou. El problema con option resizeable:true cambiará todos los mismos componentes en el lienzo. parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los e...

#36683 de agosto de 2021por anatoli-dp4 respuestas
Reacciones 0

No puedo reiniciar el lienzo después de moverlo/escalarlo

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

artf

No estoy seguro de entender tu problema, ¿cómo mueves o escalas exactamente el lienzo? esto no está relacionado, ¿existe alguna función que se pueda llamar para ampliar el contenido y no el lienzo? Así que si quiero escalarlo, como si estu...

anatoli-dp

Lo escalado usando el editor. Canvas.setZoom y muévelo usando la barra espaciadora. Ahora mismo quité lo que había hecho, pero era algo así como coger el elemento de lienzo y simplemente colocarlo con una actualización de estilo. Sin embar...

artf

Si hablas de las coordenadas móviles, aún no tenemos una API directa para eso, pero puedes obtenerlas o actualizarlas de esta manera: '''js const canvasModel = editor. Canvas.getModel(); Obtener valores const { x, y } = canvasModel.attribu...

Explora todos los temas