Problemas con GrapesJS

artf

Puedes usar canvasCSS option si no quieres usar archivos.

devtechk

¡Muchas gracias! ¡Este archivo de configuración me va a ayudar mucho!

ClaudeCode

Gracias por informar de esto, @devtechk. Buena pregunta sobre el css de estilo canvas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...

yucomds

El mismo error aquí... ¿Tienes alguna solución? [EDITAR] Reducir la categoría parece ser la única solución por ahora

josfh2005

Mismo problema aquí, si preproceso los componentes y elimino ese atributo (__symbol) antes de cargar el Editor, la plantilla funciona bien. ¿Hay alguna forma @artf desactivar los símbolos por ahora?

artf

Sí, desafortunadamente la versión anterior de grapesjs tenía un error que creaba símbolos involuntarios. En la versión actual, el error se corrige y los símbolos están desactivados, pero desafortunadamente esto sigue ocurriendo si intentas...

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. Buena pregunta sobre ¿Cómo actualizar los rasgos de los componentes integrados?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la docu...

artf

Sí, tiene sentido, probablemente intentaría comprobar si es posible hacer que los métodos activados/desactivables (desde ComponentTextView) sean asíncronos por defecto sin romper nada, pero comprobar si son entonces siempre es una opción.

artf

Esto ya debería ser posible.

ClaudeCode

Gracias por informar de esto, @martijnc. Gran sugerencia sobre FEAT: ¡Añadir soporte para promesas de API personalizada de RTE! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamien...

Ju99ernaut

No puedo reproducir esto, quizá puedas aportar más información sobre el componente personalizado en sí, de todas formas sospecho que es un problema relacionado con el almacenamiento. ¿Estás almacenando y luego cargando páginas a partir del...

Andrew-Chen-Wang

Normalmente, los scripts en línea van en el cuerpo en la parte inferior. ¿Quizá podrías ponerlo ahí?

am1rb

No añado nada por mi cuenta. El editor añade los scripts relacionados con mis componentes en una nueva etiqueta de script al final del HTML generado. Por favor, echa un vistazo a este archivo: https://github.com/artf/grapesjs/blob/dev/src/...

artf

Hola Juan, gracias por el informe, ¿puedes mostrarme cómo funciona tu rasgo de texto? Esperaría que funcionara correctamente si actualizas tu componente de esta manera: 'component.components(e.target.value)'

jcamejo

Esa era mi característica Lo he cambiado a Y ahora funciona sin anular contenido de actualización ni renderizar niños, ¡gracias! Nunca habría llegado a la conclusión de usar el método de 'componentes'. Ahora no me gustan los nodos 😅 de te...

artf

No creo que necesites este 'target.set('content', value);'. Por lo demás, todo bien 👍

RutujaBadbe

Puedes ocultar las etiquetas usando badgable: false https://grapesjs.com/docs/api/components.html#parameters-3

ClaudeCode

Gracias por informar de esto, @neon12345. Gracias por compartir tu informe sobre FEAT: ocultar etiquetas de componentes mientras editas texto. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo r...

artf

Supongo que estás haciendo algo mal, ¿cómo creas esos componentes y sus propiedades? Ni siquiera deberías ver esos atributos en el inspector.

marcepoblet

@artf En nuestros códigos no hemos cambiado nada. La única diferencia es que actualizamos la versión de GrapesJs. Antes tenía la versión v0.16.18 y funcionaba correctamente, pero ahora actualizamos GrapesJs a v0.16.41 y no funciona para lo...

marcepoblet

Establecemos las propiedades con esto: editor.getSelected().atributos.atributos["data-gjs-editable"] = 'falso' editor.getSelected().atributos.atributos["data-gjs-copyable"] = 'falso' editor.getSelected().atributos.atributos["data-gjs-dropp...

Ju99ernaut

No estoy seguro de si existen ganchos así por componente, pero puedes intentar aprovechar la propiedad 'toHtml' de un componente. Ya se ha discutido en otros sitios, así que búscalo en los números, ya que hay bastantes.

artf

Sí, puedes definir tus componentes con una función personalizada 'toHTML'/'toJSON' (en el modelo), para personalizar su salida

ClaudeCode

Gracias por informar de esto, @sudiptochoudhury. El problema con ¿Hay algún evento por componente antes de guardar que el componente pueda escuchar? parece ser un problema de condición de carrera o de sincronización de estado. Esto suele o...

artf

Eso porque has actualizado los comandos originales con tus versiones (incorrectamente). De hecho, si elimino tu plugin de la demo, todo funciona como se espera. Por favor, revisa el comando original de copiar y pegar, deberías clonar compo...

artf

Solo revisa los comandos originales https://github.com/artf/grapesjs/blob/dev/src/commands/view/CopyComponent.js https://github.com/artf/grapesjs/blob/dev/src/commands/view/PasteComponent.js

bgrand-ch

@artf Gracias por tu respuesta. ¿Un enlace, un ejemplo o más explicaciones, por favor? 😅