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 545

🔍 typescript
#364225 de julio de 2021por UbannaRespuesta 1
Reacciones 0

Gestor de páginas múltiples reinicia el administrador de dispositivos

Hola, tengo un pequeño problema con el gestor de páginas. Quiero que todas las páginas tengan una resolución fija. Las cifras de altura y anchura provienen de una API y puedo mostrar con éxito la resolución deseada en la plantilla de una sola página. Sin embargo, en la plantilla de varias páginas, una vez que cambio a...

ClaudeCode

Gracias por informar de esto, @Ubanna. Gracias por compartir tu informe sobre el gestor de páginas múltiples reinicia el gestor de dispositivos. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo...

#364023 de julio de 2021por jlpatrick2 respuestas
Reacciones 0

La interfaz de antecedentes del Style Manager no funciona correctamente para Body/Wrapper

Me parece que hay un error de interfaz en el control de Segundo plano del Style Manager al trabajar con el cuerpo frente a los otros componentes. Este problema es visible en @kuhelbeher captura de pantalla del #2834, pero también proporcionaré algunos pasos sencillos para reproducirlo. Quizá este problema esté relacio...

artf

Gracias Jim, sí, en realidad es el mismo problema, así que lo cierro como un duplicado del #2834 Publicaré actualizaciones allí cuando esté arreglado.

ClaudeCode

Gracias por informar de esto, @jlpatrick. El problema con Style Manager Background UI no funciona correctamente para Body/Wrapper parece ser un problema de gestión de la carrera o de la gestión de estados. Esto suele ocurrir cuando los eve...

#363923 de julio de 2021por anatoli-dp4 respuestas
Reacciones 0

Mejorar la API de UndoManager

Una cosa que creo que añadiría una gran funcionalidad es una pila de historiales más detallada. Puedes conseguir la pila de deshacer y construir una especie de informe histórico con todas las ediciones que se hayan hecho, pero no está claro cuál fue cada edición (al menos para mí, así que si me falta algo, por favor h...

artf

Hi @anatoli-dp, la posibilidad de ver el historial de deshacer sería realmente genial y ya estaba pensando en cómo ampliar el módulo UndoManager para permitir este tipo de funcionalidad mediante un plugin (por ejemplo, puedes renderizar la...

anatoli-dp

Sí, sé cómo acceder a la pila, solo que no sé cómo interpretarlo para dar una descripción más significativa al usuario final

artf

simplemente no sé cómo interpretarlo para dar una descripción más significativa al usuario final Cada UndoAction (cada instancia de la pila) te indica el 'tipo' de acción (por ejemplo, 'añadir', 'eliminar', 'reiniciar', 'cambiar') y detall...

#363823 de julio de 2021por momu-20162 respuestas
Reacciones 0

Script-props es inválido

¡Hola! @artf, ¡gracias por tu gran trabajo! Sigo la https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but cuando selecciono el valor. El script no se ejecutó. ¡Espero algunas sugerencias, muchas gracias! ''''JavaScript Función predeterminada de exportación (editor, opt = {}) { const c...

artf

Parece que funciona perfectamente aquí: https://jsfiddle.net/rp7wa58h/ De todos modos, no necesitas la 'vista' si no la usas, y lo mismo para 'isComponent' (que está mal escrito en tu ejemplo y colocado en el lugar equivocado), 'data-gjs-t...

ClaudeCode

Gracias por informar de esto, @momu-2016. Gracias por compartir tu informe sobre script-props es inválido. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) T...

#363723 de julio de 2021por mingxin-yang2 respuestas
Reacciones 0

Icono de bloque personalizado

Quiero personalizar el icono del bloque, encontré el código: ¿Cómo encontrar el 'contenido' que quiero? ! [](https://raw.githubusercontent.com/mingxin-yang/images/master/Snipaste2021-07-2316-46-52.png)

artf

Hola @mingxin-yang, puedes leer aquí cómo crear y actualizar Bloques. En caso de que necesites actualizar un icono o etiqueta del bloque, puedes hacer algo así: '''js editor. Blocks.get('BLOCK-ID').set({ etiqueta: 'Mi bloque', medios: '<sv...

ClaudeCode

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Icono de bloque personalizado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espec...

#363422 de julio de 2021por pankajsharma894 respuestas
Reacciones 1

¿Cómo podemos ocultar RTE para componentes editables?

HOLA: Tenemos un requisito, donde no queremos mostrar RTE en componentes editables. ¿Cómo podemos conseguirlo?

mcottret

Me permito añadir lo que creo que podría estar más cerca de lo que el OP intenta conseguir, según la respuesta de @artf: '''Manuscrito mecanografiado editor. DomComponents.addType('text', { extendFnView: ['onActive'], modelo: { Predetermin...

iabhiyaan

'''js Editor.on('component:selected', CMP => { cmp.set({ editable: false, propagar: ['editable'] }) }) ```

pankajsharma89

No queremos que el componente no sea editable, el componente debe ser editable, simplemente no queremos mostrar la barra de herramientas de RTE en ese componente.

#363121 de julio de 2021por anuragk154 respuestas
Reacciones 1

¿Cómo cargar contenido dinámico en el archivo HTML final?

Busqué por todas partes, incluida la sección de problemas, y probé algunas cosas. Pero no tengo muy claro cómo cargar contenido dinámico en mis componentes (no solo cuando lo exporto o guardo desde el editor). Quiero incluir un script en mi componente grapejs que siempre obtenga contenido de la web y actualice los com...

stf1981

Creo que buscas JavaScript relacionado con componentes -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Este código js está incrustado en la salida html.

anuragk15

creo que buscas JavaScript relacionado con componentes -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Este código js está incrustado en la salida html. ¿Entonces cada vez que carga el componente, cargará los dat...

stf1981

¿Entonces cada vez que carga el componente, cargará los datos dinámicamente a través del script JS? SíAdemás, para los usuarios finales solo tengo que devolver el html+cas generado por los grapesjs, ¿verdad? Sí, el script JS del componente...

#362918 de julio de 2021por SpjoetvollRespuesta 1
Reacciones 0

ERROR Y SOLUCIÓN: Desbordamiento/escalado del gestor de capas

Versión: 0.17.19 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Deberías poder ver a todos los hijos en el gestor de capas Describe el error detallado ¿Cuál es el comportamiento actual? ¿Puedes adjuntar capturas de pantalla, screencasts o una demo en directo? Actualmente, cuan...

ClaudeCode

Gracias por informar de esto, @Spjoetvoll. El problema con ERROR Y SOLUCIÓN: El desbordamiento/escalado del gestor de capas parece ser una condición de carrera o un problema de sincronización de gestión de estados. Esto suele ocurrir cuand...

#362717 de julio de 2021por sanchit364 respuestas
Reacciones 4

Estoy intentando duplicar la página, pero los estilos no se aplican debido a los IDs, cambios a -2,-3 al final.

'''javascript const duplicatePage = (editor) => { sea components = editor.getHtml(); sea css = editor.getCss(); sea newPage = editor. Pages.add({ Estilos: CSS, componente: componentes, }); editor. Pages.select(nuevaPágina); }; ``` Así es como es mi función. Estoy intentando duplicar la página, la parte HTML está bien...

OrigoVl

@sanchit36 Hola, ¿estás resolviendo el problema? ¿Puedes decir cómo?

vlont

Usa esto '''js página const = editor?. Páginas.getSelected(); ¿editor?. Pages.add({ id: (page.get('name') || page.id) + '-copy', component: page.getMainComponent().clone() }, { select: true });'''

leonardolima99

@vlont ¡Gracias!

#362616 de julio de 2021por san-1234 respuestas
Reacciones 0

¿Cómo configurar el src de la etiqueta de vídeo en dinámica?

Hola @artf, Hola, tengo la etiqueta de vídeo y el botón de arrastrar y soltar desde blockmanager. Al hacer clic en el botón, necesito cambiar la URL a src. Pero no funciona, por favor, guíame. editor. BlockManager.add("html/video", { Etiqueta: '<div> <img src="../.../../Images/SiteBuilder/video.svg"/> <div class="mi-e...

stf1981

Creo que tengo algo así hecho con un componente personalizado. Quizá ayude

artf

Si solo necesitas actualizar el contenido del bloque (por ejemplo, el cambio se aplicará a bloques nuevos arrastrados), puedes cambiarlo de esta manera: '''js bloque const = editor. BlockManager.get('html/vídeo'); block.set('content', '<ví...

san-123

Gracias @artf y stf1981 por vuestra respuesta. De hecho, arrastro y suelto varios vídeos con el atributo generado de número aleatorio a id. En este caso, ¿cómo actualizar el vídeo seleccionado específico de SRC? No me han fallado la actual...

Explora todos los temas