Problemas con GrapesJS

artf

Actualizar la página ¿Cómo actualizas la página? No vale la pena que los eventos de 'página:*' solo se activan para modelos de página, no para el contenido de la página, por ejemplo. '''js editor. Páginas.getSelected().nombreset('Mi página...

stljeff1

Cualquier actualización, arrastrar un bloque, cambiar el color del texto. Cambiar el contenido del texto. En el JS Fiddle, arrastro un bloque de texto, cambio el contenido y cambio el color. No veo que se active ningún evento cuando hago e...

artf

Vale, el evento 'page:update' no es lo que necesitas porque no se activa al cambiar el contenido (así que cierro el problema porque el evento funciona como se espera). ¿Puedes explicar qué tipo de gestor de almacenamiento personalizado est...

DevMetwaly

https://grapesjs.com/docs/modules/Components.html#components-cssDiseño primero por componentes Por defecto, cuando seleccionas un componente en el lienzo y aplicas estilos sobre él, se aplicarán cambios en sus clases existentes. Esto resul...

FaisalShaikhHA

Gracias, @DevMetwaly funcionó, perdona, no me lo he perdido.

FaisalShaikhHA

Hola @artf, primero que nada, un framework increíble, y gracias por hacerlo de código abierto. Como se ha descrito en el comentario anterior, me estoy enfrentando a este problema raro, por favor dime si estoy haciendo algo mal o si hay alg...

mingodad

Después de mirar encontré este https://github.com/artf/grapesjs/issues/2873 de problema cerrado y, basándome en él, hice esto para permitir la casilla de verificación y la radio en modo previsualización: Y ahora al menos la casilla de sele...

artf

Gracias @mingodad he lanzado una nueva versión del plugin de formulario y he añadido soporte para la vista previa.

ClaudeCode

Gracias por informar de esto, @mingodad. El problema con casi todos los ejemplos de esta página que fallan con grapejs parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los ev...

shkhalid

+1

pety-dc

Hola He tenido problemas similares. Creo que es bastante serio, ya que tanto el boletín como la demo de mjml se ven afectados. (Ambos usan CKeditor como RTE) Cuando importo un contenido que tiene un texto (mj-text) que tiene elementos esti...

raymondmakz

Salida de CKEDITOR: '<div>algunos textos enriquecidos de <span style="color:blue">ckeditor</span></div>' Después de analizar en editor, conviértete en lo siguiente: '<div data-gjs-type="text">some rich text from <span style="color:blue" da...

bovealexandre

y cuando intento añadir esto Solo añade esto

artf

@bovealexandre proporcionar al menos un ejemplo mínimo reproducible, ya que por lo que veo ahora mismo podría ser tu código personalizado la razón

bovealexandre

@bovealexandre proporcionar al menos un ejemplo mínimo reproducible, ya que por lo que veo ahora mismo podría ser tu código personalizado la razón vale, solo tenía que hacer editor.getCss({ keepUnusedStyles: true } en mi editor scss

skru

véase #4473

artf

Arreglado aquí https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6

ClaudeCode

Gracias por informar de esto, @bimsina. Buena pregunta sobre Correr en modo sin cabeza requiere ventana. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

artf

@mickeyDominic colocas todos los paneles por defecto bajo el mismo objeto '''js Paneles: { Valores predeterminados: [{ id: 'capas', EL: '.panelright', // ... id: 'conmutador de panel', EL: '.panelswitcher', }] }

mickeyDominic

Gracias, @artf. Qué tonta :)

ClaudeCode

Gracias por informar de esto, @mickeyDominic. Buena pregunta sobre 'panel-dispositivos' y 'panel-switcher' que están en conflicto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documen...

artf

Hola Ronaldo, no estoy seguro de si hay una forma sencilla de corregir este comportamiento globalmente para todos los casos de uso, ya que estás redimensionando la imagen para ambos tamaños y no solo para el ancho (en ese caso la altura no...

gustavohleal

Hola @artf. Una forma en la que pensamos para solucionar esto en nuestro caso de uso basado en nuestros usuarios es cambiar siempre las unidades de ancho y alto juntas. Eso significa que cuando el usuario cambia el ancho de píxeles a %, po...

ronaldohoch

Avísame si te funciona Hola Arthur, estas configuraciones no han hecho ningún cambio en la imagen, siguen poniendo la altura con 'px' en vez de 'auto', como sugiere la propiedad 'keepAutoHeight'

artf

Hola Barry, sí, actualmente este es el comportamiento esperado (mira también esta discusión) pero espero que algún día pueda dar un apoyo adecuado para las propiedades heredadas.

barryross

Vale, gracias por decírmelo El lunes, 18 de julio de 2022 a las 9:29 AM Artur Arseniev @.> Escribió: Hola Barry, sí, actualmente este es el comportamiento esperado (mira también esto discusión <https://github.com/artf/grapesjs/discussions/...

ClaudeCode

Gracias por informar de esto, @barryross. Buena pregunta sobre Style manager no refleja con precisión el color heredado. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

bovealexandre

Así que la función de añadir está arreglada, hubo un error con los datos que envié, pero aún no entiendo por qué el CSS de Tailwind no se aplica a pesar de que está en las etiquetas de cabeza

artf

¿Estás usando la opción 'config.canvas.styles'? https://github.com/artf/grapesjs/blob/b657428b3efc343513f6c92eb6b418935d2a8ac9/src/canvas/config/config.js#L14-L22 ¿Puedes crear una demo reproducible de tu caso de uso?

bovealexandre

Hola @artf desafortunadamente no puedo crear una demo reproducible en CodePen o JSFiddle porque tiene demasiadas cosas y estoy usando tecnologías como nextJS, pero puedo darte acceso al repositorio si lo necesitas, es un repositorio privad...