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 336

🔍 style-manager
#340214 de abril de 2021por joshk1322 respuestas
Reacciones 0

No se pueden mostrar bloques en la barra lateral derecha

Versión: 0.14.62 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No No soporta Vue.js ni NPM ¿Cuál es el comportamiento esperado? Bloques para mostrar en la barra lateral derecha con el responsable de estilo Describe el error detallado Estoy intentando que el gestor de bloques aparezca en la barra lateral derecha, pe...

artf

'''js blockManager: { appendTo: '#blocks', // <- elimina este ```

ClaudeCode

Gracias por informar de esto, @joshk132. El problema con No poder mostrar bloques en la barra lateral derecha parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del...

#340112 de abril de 2021por ahmedderkaoui3 respuestas
Reacciones 10

¿Puede el gestor de estilos generar siempre IDs en lugar de usar la clase de elemento ya definida?

Cuando estilizamos un elemento en el editor, si este elemento no tiene ni clase ni id, el gestor de estilos genera un nuevo id con el estilo css. Sin embargo, estilizar un elemento con una clase hace que el gestor de estilos use esta clase para añadir estilos. ¿Hay alguna forma de usar siempre los IDs para estilizar y...

Ju99ernaut

'''js window.editor = grapesjs.init({ // ... selectorManager: { componentFirst: 1, } // ... }); ```

ahmedderkaoui

¡Muchas gracias!

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre ¿Puede el gestor de estilos generar siempre IDs en lugar de usar la clase de elemento ya definida?. El enfoque recomendado con StyleManager es usar la API orientada a event...

#33979 de abril de 2021por YumiChenRespuesta 1
Reacciones 0

Dirección incorrecta del clasificador con la ranura de componentes web

Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Dada una instancia de componente web padre que renderiza algunos elementos con 'slot', en el shadowDOM, si el elemento padre de 'slot' tiene estilo 'display: flex', el clasificador debe ser vertical, ya que en el...

ClaudeCode

Gracias por informar de esto, @YumiChen. El problema con dirección incorrecta del clasificador con la ranura de componentes web parece ser una condición de carrera o un fallo de sincronización de gestión de estado. Esto suele ocurrir cuand...

#33969 de abril de 2021por YumiChenRespuesta 1
Reacciones 0

Dirección flexible: columna y flotador: izquierda hacen incorrecta la dirección del clasificador

Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Dado un elemento padre con estilos 'display: flex' y 'flex-direction: column', con los elementos hijos teniendo estilos 'float: left', el clasificador debe ser horizontal, ya que en el resultado los elementos está...

ClaudeCode

Gracias por informar de esto, @YumiChen. El problema con flex-direction: column & float: left make sort direction incorrecto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuand...

#33927 de abril de 2021por rywilson283 respuestas
Reacciones 0

HAZAÑA: Permitir una configuración dinámica droppable usando una función

Tengo un requisito que me permite usar selectores para determinar si un elemento es soltable. Por ejemplo: ! imagen El componente "hijo" debe estar dentro de un componente "padre", sin embargo, si el componente hijo contiene un atributo ref, solo puede arrastrarse a otros contenedores padres que coincidan con el mismo...

rywilson28

Relaciones públicas asociadas: https://github.com/artf/grapesjs/pull/3393

rywilson28

@artf tienes alguna pregunta sobre esta característica o sobre el enfoque adoptado en la PR?

ClaudeCode

Gracias por informar de esto, @rywilson28. Gran sugerencia sobre FEAT: ¡Permite la configuración dinámica droppable usando una función! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comp...

#33896 de abril de 2021por xinnai4 respuestas
Reacciones 0

MultiSelect algunos elementos y los estilos de cambio solo funcionan en el último elemento seleccionado

Hola, cuando selecciono varios elementos usando 'shift' y cambio el estilo en StyleManager. Solo el último elemento al que se hace clic actualizará el estilo. ¿Puedes ayudarme a solucionar ese problema? https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov

Ju99ernaut

No estoy seguro de si hay una opción para eso, probablemente no se implemente la edición de múltiples componentes para el gestor de estilos. Podrías usar las clases como solución alternativa.

artf

En realidad funciona en la demo, ¿puedes crear una demo reproducible?

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

#33832 de abril de 2021por KieronWiltshire4 respuestas
Reacciones 0

¿Es posible incluir el estilo en el html?

Actualmente estoy usando grapesjs para crear plantillas de correo, pero cuando importo HTML con la <style> etiqueta ya dentro, antes de que se guarde se separa el HTML y el CSS. Cuando esto se almacena en mi base de datos backend, no hay <style> <link> ninguna etiqueta or en el HTML, en su lugar se almacena por separa...

Ju99ernaut

Grapesjs no soporta inlinecss, pero puedes usar la misma técnica que aquí https://github.com/artf/grapesjs-preset-newsletter. Utiliza el paquete 'juice' para fusionar el html y el css

artf

Sí, en este momento el CSS en línea está analizado para el CssComposer y eliminado del DOM. Esto permite al editor editar sus estilos.

ronaldohoch

Una pregunta al respecto. ¿Cómo puede CKEDITOR editar poniendo el span con estilos en línea y mantenerlo después de cerrar y volver a abrir la misma plantilla?

#33812 de abril de 2021por pranay22103 respuestas
Reacciones 1

Cambiar entre componentes da un error máximo de tamaño de pila de llamadas

Hola artf, me gustaría darte las gracias por crear una herramienta tan potente para crear CMS personalizados. Estoy implementando una función de nueva página en mi proyecto, así que estoy usando tu referencia para cambiar entre componentes, pero me da un error. ¿Podrías indicarme cómo construir una nueva página al hac...

Ju99ernaut

Creo que los arrays no son el mejor método para almacenar objetos de página, así que ejecutar operaciones de array para conseguir la página más cargarla probablemente sea demasiado para tu pila de llamadas. Deberías considerar cargar las p...

artf

No sé qué está pasando por tu parte, pero te sugeriría que estés atento al #3206, ya que el gestor de páginas integrado está casi listo (actualizaré ese número).

ClaudeCode

Gracias por informar de esto, @pranay2210. ¡Gran sugerencia sobre Cambiar entre componentes da un error de tamaño máximo de pila de llamadas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

#33802 de abril de 2021por alemenciones2 respuestas
Reacciones 0

Propiedades predeterminadas no seleccionadas en StyleManager

Hola querida, ¿puedes saber por qué no se selecciona las propiedades predeterminadas en el administrador de estilos? ¿Qué evento puedo activar para actualizar esto? ! imagen

artf

Intenta comprobar tu configuración para el https://github.com/artf/grapesjs/blob/dev/src/style_manager/config/config.js 'styleManager' (highlightChanged debería ser 'true')

ClaudeCode

Gracias por informar de esto, @alemenciones. Buena pregunta sobre Propiedades por defecto no seleccionadas en StyleManager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#33792 de abril de 2021por silicahd3 respuestas
Reacciones 1

HAZAÑA: CSS de Viento de Cola

Creo que lo único que haría que este constructor fuera increíble sería añadir clases CSS con viento de cola. Especialmente ahora con el nuevo generador CSS bajo demanda de cola de coda.

Ju99ernaut

No estoy seguro de si esto se puede añadir a la biblioteca principal, pero sin duda un plugin para eso sería genial.

artf

Sí, estoy de acuerdo con Brendon, esto es definitivamente algo que podría añadirse como un plugin

ClaudeCode

Gracias por informar de esto, @silicahd. Gracias por compartir tu informe sobre FEAT: Tailwind CSS. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu Grape...

Explora todos los temas