PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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
#31661 de diciembre de 2020por nanaya14 respuestas
Reacciones 0

Problem with copy and paste a node

*Versión:0.16.27 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No ¿Cuál es el comportamiento esperado? En el panel y lienzo derechos, el nodo pegado debería estar después del nodo copiado. ¿Cuál es el comportamiento actual? Copio un nodo. En el contenedor de vistas (panel derecho), el nodo pegado está después del...

artf

He intentado localmente pero el nodo está colocado correctamente. ¿Puedes crear una demo en directo, por favor?

nanaya1

Perdón, no expliqué el escenario en el que ocurrió este error. Los componentes que vienen con los grapesjs no producen este error, porque no tienen espacios, retornos de carro ni pestañas. Encontré este problema mientras personalizaba comp...

nanaya1

@artf cerré el problema por accidente.

#316227 de noviembre de 2020por sashapawlow7263 respuestas
Reacciones 0

Button switcher to editor.allowsCripts

¡Hola, @artf ! :) Quizá puedas ayudarme con grapesjs. Tengo botones que tienen scripts propios (por ejemplo, abrir ventana modal haciendo clic). Y si pongo la propiedad allowScripts: 0 - puedo editar estos botones, pero si editor.allowScripts == 1, los botones ejecutan lógica (por ejemplo, abrir ventana modal) y en es...

artf

Recomendaría crear un componente personalizado para esos botones para manejar la lógica con scripts

sashapawlow726

@artf muchas gracias! :+1:

GJSBlock

Gracias por informar de esto, @sashapawlow726. ¡Gran sugerencia sobre Button switcher a editor.allowsCripts! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando...

#316127 de noviembre de 2020por ssmanoj-grapes4 respuestas
Reacciones 0

Editor Undo está eliminando la colección y no puede reemplazar el componente

La recopilación del componente seleccionado antes de Deshacer ! colección de elementos delante-de-u La recopilación del componente seleccionado tras Deshacer ! recolección de elementos después de un Código para reemplazar el componente por un nuevo componente ! código Uncaught TypeError: n.getEl no es una función y Un...

artf

Lo siento, pero sin una demo reproducible, este problema no tiene sentido para mí

ssmanoj-grapes

Hola artf, Por favor, encuentra el vídeo demo del número grapejs-issue.zip.

artf

Vale, como no puedes crear una demo reproducible, tengo que cerrar esto...

#316027 de noviembre de 2020por congweibai2 respuestas
Reacciones 0

Añadir la etiqueta toggle-move en un panel de ajustes personalizado en Vue

Versión: ^0.16.18 Esta pregunta pretende extraer la función de movimiento de capas a una personalizada. Solo quiero que los componentes se puedan ver en estos componentes, y los componentes hijos podrían reordenarse en el panel. Supongamos que estos componentes están al mismo nivel. Mi código será así: ! Reordenar He...

artf

No, en este caso, tienes que encargarte de la selección por tu lado

GJSBlock

Gracias por informar de esto, @congweibai. Buena pregunta sobre [Pregunta] Añadir la etiqueta toggle-move en el panel de configuración personalizada de Vue. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Emp...

#315524 de noviembre de 2020por Abhisheknanda13444633 respuestas
Reacciones 0

Adding Animations

Hola @artf quiero incluir animación en todos los bloques Aquí tienes un fragmento de código, pero no funciona. ¿Podrías ayudarme, por favor? Gracias

artf

Olvidaste 'changeProp: 1' en el rasgo de animación

Abhisheknanda1344463

@artf Sin dar el nombre de la animación, no funciona. ¿Debería necesitar añadir la regla CSS para esto? ¿Alguna sugerencia? ¿Por favor?

GJSBlock

Gracias por informar de esto, @Abhisheknanda1344463. Gracias por compartir tu informe sobre Añadir animaciones. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFidd...

#315423 de noviembre de 2020por phamhongphuc19992 respuestas
Reacciones 0

Hide elements when i click eye icon in Open Layer Manager

Quiero ver cómo el código maneja los eventos, ocultar o eliminar elementos. ¿Dónde puedo encontrarlo? <img width="958" alt="Capture" src="https://user-images.githubusercontent.com/56115755/99949266-509d2480-2dad-11eb-8203-51432975b4d3.PNG"> ¡Muchas gracias!

artf

Aquí https://github.com/artf/grapesjs/blob/d802eba08559a3e1c7830e937a78b0b2a417f2e4/src/navigator/view/ItemView.js#L12-L22

GJSBlock

Gracias por informar de esto, @phamhongphuc1999. Buena pregunta sobre Ocultar elementos cuando hago clic en el icono de ojo en el Administrador de Capas Abierta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empie...

#315223 de noviembre de 2020por fq-selbach4 respuestas
Reacciones 2

El contorno azul (GJS-hovered) no sigue a su padre durante el desplazamiento

Versión: 16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No Describe el error: Descubrí un problema con 'gjs-hovered', la clase que gestiona el esquema de ratón y el paso del cursor para los elementos. A veces el contorno azul se mueve respecto a su padre durante el desplazamiento. Echa un vistazo a este JsFi...

lofcz

Estaría bien que lo arreglaran, no es el fin del mundo, pero sí un poco molesto.

matteocollina

¿Alguna novedad?

artf

Cierro esta porque en realidad ya estaba arreglada, de hecho la demo antigua funciona correctamente ahora. Aún podrías tener el problema si tu editor está colocado en un contenedor desplazable; en ese caso, usa esta opción, por favor: http...

#315023 de noviembre de 2020por michaelVictoriaDev2 respuestas
Reacciones 0

¿Hay alguna forma o tutorial para integrar en October CMS?

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

Ya existe un plugin para October CMS https://octobercms.com/plugin/pkurg-pagebuilder

GJSBlock

Gracias por informar de esto, @michaelVictoriaDev. Gran sugerencia sobre FEAT: ¿Hay alguna forma o tutorial para integrar en Octoberur CMS?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un...

#314417 de noviembre de 2020por antman33512 respuestas
Reacciones 0

Swap default factories

Hola, estoy usando GrapesJs para plantillar HTML para imprimir, así que necesito las medidas en mm. ¿Hay alguna forma de cambiar la fábrica predeterminada en el StyleManager? ¿Quizá pasarlo en las opciones? Gracias, Antonio

artf

No, no puedes, solo necesitas configurar tus propiedades en la configuración de StyleManager (ejemplo de configuración se puede encontrar aquí)

GJSBlock

Gracias por informar de esto, @antman3351. Buena pregunta sobre [Pregunta] Intercambiar fábricas por defecto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#314315 de noviembre de 2020por sprklinginfo2 respuestas
Reacciones 0

Hide toolbar for inner components

Por defecto, cuando se selecciona un componente, la barra de herramientas se muestra con acciones de 'mover, copiar, eliminar', etc., y se configura con la opción 'mostrarBarra: 1'. Cuando defino un componente personalizado que puede tener varios componentes internos, quiero ocultar la barra de herramientas para esos...

artf

Cuando defines el componente, puedes personalizar el array de la barra de herramientas '''js Predeterminados: { ... Barra de herramientas: [], // Esto impedirá que se renderice en el componente } ```

GJSBlock

Gracias por informar de esto, @sprklinginfo. Gracias por compartir tu informe sobre Ocultar la barra de herramientas para componentes internos. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo...

Explora todos los temas