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
#33822 de abril de 2021por Squirrel14892 respuestas
Reacciones 1

No puedo añadir más de 2 proyectos en la versión gratuita

! Captura de pantalla (11)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 afirmacio...

Ju99ernaut

'Grapesjs' y 'Grapedrop' son proyectos separados, deberías intentar plantear tu problema aquí https://spectrum.chat/grapedrop

ClaudeCode

Gracias por informar de esto, @Squirrel1489. El problema de No poder añadir más de 2 proyectos en la versión gratuita parece ser una condición de carrera o un problema de gestión estatal de tiempos. Esto suele ocurrir cuando los eventos de...

#336928 de marzo de 2021por jcsofts3 respuestas
Reacciones 0

HAZAÑA: ¿es posible añadir un desplazamiento relativo para el selector de color?

! imagen Por ejemplo: Añado una barra izquierda y una superior fuera del editor. Sé que la posición del selector de colores es relativa al cuerpo, así que ¿es posible añadir un desfasamiento relacionado a la configuración? ¿para poder añadir un -40 para mover el selector de colores a la posición correcta?

artf

Deberías poder definir opciones de selector de color de esta manera '''js grapesjs.init({ ColorPicker: { ... } }); ``` Aquí puedes consultar todas las opciones disponibles

skru

¿Es posible acceder al colorSelecter después de .init()? Me gustaría actualizar dinámicamente la paleta

ClaudeCode

Gracias por informar de esto, @jcsofts. Buena pregunta sobre FEAT: ¿es posible añadir un desplazamiento relativo para el selector de color? El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#336425 de marzo de 2021por NagarRahul3 respuestas
Reacciones 0

HAZAÑA: @How fijar el tamaño del contenedor cuando estamos arrastrando el elemento dentro del contenedor, el contenedor se gastará según el elemento arrastrado hijo. Cómo podemos dimensionar automáticamente el elemento hijo según el contenedor padre. El contenedor no debe gastarse según el elemento hijo. Debería ser de mostrar scroll.

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

NagarRahul

@artf ! imagen cuando arrastro el botón es pasar. Quiero arreglarlo. No debería gastarse al arrastrar un botón nuevo. Hace scroll de zapato después del desbordamiento.

artf

Depende del estilo del componente (por ejemplo, usar un bloque en línea de pantalla para ese botón podría arreglarlo)

ClaudeCode

Gracias por informar de esto, @NagarRahul. Gran sugerencia sobre FEAT: @How fijar el tamaño del contenedor cuando arrastramos el elemento dentro del contenedor, el contenedor se gastará según el elemento arrastrado hijo. Cómo podemos dimen...

#336324 de marzo de 2021por nairdapuiu2 respuestas
Reacciones 1

La función Set Content vacía el contenido componente

Estoy intentando usar la función set para cambiar el contenido de un componente, pero en realidad el resultado es un componente vacío sin nada dentro. Este es un ejemplo con el código resumido Versión utilizada: 0.16.44 ¿Cuál es el comportamiento esperado? El código ejecutado debe dar lugar a un componente con texto "...

artf

No deberías usar la propiedad 'content', usa 'selectedComponent.components(str)'

ClaudeCode

Gracias por informar de esto, @nairdapuiu. Buena pregunta sobre La función Set content vacía el componente content. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#335522 de marzo de 2021por Franci5co5aoco3 respuestas
Reacciones 0

HAZAÑA: Añadir un atributo título a los elementos del panel Capas

Hola @artf, Cuando tengo varios elementos anidados en el panel de Capas, algunos nombres de elementos se truncan porque el ancho del panel de capas no es lo suficientemente grande; sé que un panel personalizado y redimensionable puede ser una solución, pero añadir un atributo título sería suficiente para la mayoría de...

artf

sí, ¿por qué no...? ¿Te gustaría crear un residencia permanente? :)

Franci5co5aoco

@artf por supuesto, ¡gracias! Voy a crear la relación pública...

ClaudeCode

Gracias por informar de esto, @Franci5co5aoco. Excelente pregunta sobre FEAT: Añadir un atributo de título a los elementos del panel Capas. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#335319 de marzo de 2021por jcsofts2 respuestas
Reacciones 0

El selector de colores se desplaza fuera del cuadro de entrada

Gracias por tu trabajo, es un buen proyecto, puede que no sea un error Estoy intentando hacer que el selector de colores en el gestor de estilos se desplace con la caja de entrada. Por ejemplo: La caja de entrada (color, fondo)Abre el selector de coloresDesplaza el Gestor de Estilo La caja de entrada se movió, pero el...

artf

El selector de color está colocado de forma absoluta. A menos que encuentres la forma de actualizarlo en el scroll del gestor de estilos, no veo alternativas.

ClaudeCode

Gracias por informar de esto, @jcsofts. Buena pregunta sobre El desplazamiento del selector de colores fuera de la caja de entrada. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

#334718 de marzo de 2021por xinnai4 respuestas
Reacciones 0

¿Cómo puedo conseguir código JS sin comprimir para editarlo?

Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs' para mostrar el código en mi JSEditor. Y he visto que el código JS está comprimido. ¿Cómo puedo conseguir un código sin comprimir? Yo uso 'editor'. CodeManager.getCode(model, 'js'...

artf

El 'script' que usan los componentes con JS se basa en el mismo código de tu fuente. Por ejemplo, si creas un plugin y luego lo construyes con webpack/babel, el componente imprimirá el resultado desde la compilación. Supongo que podrías cr...

xinnai

@artf Hola, no estoy seguro de si entiendes mi pregunta. Quiero editar el código js en mi propio editor js, primero configuro el código js de tu editor usando 'getJs()', pero en tu demo.html se ve así: ! 1444126130 Todo este código está co...

artf

'autoBeautify' es una opción que se pasa a CodeMirror, pero en cualquier caso, puede embellecer el código pero no lo descomprimirá porque el código se almacena así en el componente

#334517 de marzo de 2021por joshk1324 respuestas
Reacciones 0

La sección de viñetas y botones de cómo empezar no funciona con Vue.js

Estoy intentando que Grapejs funcione con Vue.js y no tengo suerte, estoy siguiendo el proceso de inicio pero no consigo que funcione bien. Hasta ahora lo he añadido a la sección 'montado()' y he conseguido que aparezcan algunos botones con bloques y se añadan, sin embargo, no he tenido suerte consiguiendo que la secc...

uchoaaa

Echa un vistazo a este problema, quizá ayude: https://github.com/artf/grapesjs/issues/275

artf

Hola @joshk132 sinceramente el código se ve bien, ¿puedes crear una demo reproducible (en algo como Codesandbox)?

joshk132

@artf he conseguido que funcione donde aparecen los paneles, pero ahora no se muestra correctamente. La solución que tuve que hacer fue cambiar para usar el código que aparece abajo. Básicamente tuve que tener "editor" como variable que ha...

#333612 de marzo de 2021por fahad1572 respuestas
Reacciones 0

Edición de texto con un solo clic

Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic? Lo sé, el clic único puede ser molesto al arrastrar bloques y eso ya es bastante estándar, pero en mi caso, quiero editar solo con un solo clic, si es posible, por favor guíame.

artf

https://github.com/artf/grapesjs/issues/3146#issuecomment-733687439

ClaudeCode

Gracias por informar de esto, @fahad157. Gracias por compartir tu informe sobre edición de texto con un solo clic. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSF...

#333411 de marzo de 2021por KernelDeimos2 respuestas
Reacciones 0

¿Intentar cargar scripts en Canvas quizá rompe JavaScript?

Versión: 0.16.44 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? De verdad, cualquier otra cosa Describe el error detallado Estaba intentando cargar scripts en el lienzo. Mi primer intento fue 'scripts: []' y luego me encontré con el problema de sincronización mencionado en e...

KernelDeimos

Hace tiempo que no uso etiquetas en línea <script>y se me olvidó esta advertencia del analizador HTML. Cerrando esto.

ClaudeCode

Gracias por informar de esto, @KernelDeimos. ¿El problema con Intentos de cargar scripts en Canvas quizá rompe JavaScript?? Parece ser una condición de carrera o un problema de sincronización de la dirección estatal. Esto suele ocurrir cua...

Explora todos los temas