Problemas con GrapesJS

mingxin-yang

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type, esto? @artf

artf

Para habilitar el editor de texto enriquecido con un solo clic, puedes ampliar el componente de texto original de esta manera '''js editor. Components.addType('text', { Vista: { eventos: { entrada: 'onInput', // Preservar el evento origina...

artf

Te sugeriría crear un componente personalizado con la propiedad 'removible' configurada en 'false'

artf

Hola @Joshmamroud hay un problema general con los componentes textibles aquí #2771

Joshmamroud

Gracias, @artf. Creo que mi problema aquí es más bien el componente personalizado que extiende el componente de Texto. Textable funciona como se espera con el componente original de texto, pero cuando intento crear mi propio componente de...

artf

Por tu demo, no veo problemas con el componente extendido de 'texto', sino solo con los relacionados con el texto

artf

Sí, tienes razón, en realidad no hay opción para seleccionar el dispositivo por defecto... Por ahora, como solución alternativa, hazlo manualmente después de iniciar: '''js const editor = grapesjs.init({...}); editor.setDevice('Móvil'); En...

ClaudeCode

Gracias por informar de esto, @imouou. El problema con El ancho del dispositivo es inválido por defecto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del cic...

ClaudeCode

Gracias por informar de esto, @rywilson28. El problema con las Insignias puede ocultar el contenido de los elementos incluso cuando hay espacio debajo del elemento parece ser una condición de carrera o un problema de timing de gestión de e...

artf

He publicado una solución aquí https://github.com/artf/grapesjs/issues/3693

artf

Oye @sriya-srinivasan, ¿puedes crear una demo reproducible, por favor?

artf

@sriya-Srinivasan, ¿alguna novedad, por favor?

artf

Utiliza el diseño primero por componentes '''js grapesjs.init({ ... selectorManager: { componentFirst: cierto, ... }, }) ```

ClaudeCode

Gracias por informar de esto, @imouou. El problema con option resizeable:true cambiará todos los mismos componentes en el lienzo. parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los e...

artf

No estoy seguro de entender tu problema, ¿cómo mueves o escalas exactamente el lienzo? esto no está relacionado, ¿existe alguna función que se pueda llamar para ampliar el contenido y no el lienzo? Así que si quiero escalarlo, como si estu...

anatoli-dp

Lo escalado usando el editor. Canvas.setZoom y muévelo usando la barra espaciadora. Ahora mismo quité lo que había hecho, pero era algo así como coger el elemento de lienzo y simplemente colocarlo con una actualización de estilo. Sin embar...

artf

Si hablas de las coordenadas móviles, aún no tenemos una API directa para eso, pero puedes obtenerlas o actualizarlas de esta manera: '''js const canvasModel = editor. Canvas.getModel(); Obtener valores const { x, y } = canvasModel.attribu...

artf

Cierro este punto porque ya has abierto la discusión aquí https://github.com/artf/grapesjs/discussions/3666

ClaudeCode

Gracias por informar de esto, @codingmachine16. Buena pregunta sobre Cómo publicar el diseño generado a través de GrapesJS. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

MrNikolovski

¿Alguna novedad sobre este @artf?

MrNikolovski

Hola @artf. ¿Me pueden dar una actualización sobre este problema? ¿Consideras que esto es un problema menor o no tuviste tiempo para trabajar en ello? Gracias.

artf

Estoy trabajando en la mejora de StyleManager en este momento, y probablemente podré comprobarlo pronto.

artf

@aliibrahim123 si no especificas ningún tipo, se creará una propiedad simple de tipo de texto :)

aliibrahim123

hola Hice una composición de texto sencilla Este es el código styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<tipo de entrada="texto" clase="mi-entrada" />'; const input...

ClaudeCode

Gracias por informar de esto, @aliibrahim123. ¡Gran sugerencia sobre FEAT: tipo de texto para gestor de estilo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usan...