Hola, Estoy intentando hacer una modificación sencilla al recurso de imagen por defecto y me estoy topando con un muro, y seguro que me estoy perdiendo algo sencillo. Necesito que el elemento imagen tenga un atributo adicional al que le asigne, llamado miEspecialId. No consigo averiguar cómo hacer que el asset renderi...
artf
'''js editor. AssetManager.addType('image', { Vista: { atributos: { 'custom-attr': 'custom-value' } } }); ``` Ponlo en un plugin si necesitas actualizar también los assets ya definidos
No sé si esto es un problema de mi parte (algunas modificaciones personalizadas) o si es un problema conocido en GrapesJs: en una zona de texto, cuando escribo caracteres "enter", las barras de herramientas actions y rte no siguen la parte inferior de la zona. Tengo que escribir otros caracteres para que las barras de...
artf
Funciona como esperaba por mi parte... ¿Versión de GrapesJS? ¿Navegador?
electrotype
GrapesJs 0.15.9. Probado en las últimas versiones de Firefox y Chrome. Pero he ajustado muchas cosas/css... ¡Probablemente he roto algo! Gracias por esa validación, sí que te funciona.
Estoy intentando establecer un color inicial diferente al negro para el selector de color: Esto no funciona, aunque color sea una opción válida. ¿Hay alguna forma de fijar este color inicial? Estoy abierto a soluciones aunque no usen la configuración directamente, pero impliquen algo de código improvisado.
artf
No tiene sentido ponerle un valor por defecto, el selector de color toma el color del objetivo seleccionado (probablemente quieras cambiar el color a nivel de componente).
electrotype
Bueno, el negro tampoco tiene sentido. Preferiría que el color seleccionado en el selector fuera otra cosa por defecto, cuando el componente no tiene color.
artf
Intenta ver si cambiar el color 'por defecto' de la propiedad desde el Style Manager te funciona. Puedes hacerlo desde inicialización o a través de API
Comportamiento esperado: Tras comprobar ciertos atributos de vídeo HTML5, estos persisten tras las recargas y las casillas reflejan el estado actual. Comportamiento real: Tras recargar un vídeo cuyos atributos ya se han configurado, las casillas muestran el valor predeterminado establecido. Pasos para reproducirse:Sel...
artf
He encontrado el problema, se solucionará en la próxima versión
estoy usando npm : "grapesjs": "^0.15.10", y dragMode: translate Eventos añadidos Pero esto solo funciona en modo de arrastre por defecto, no en modo de arrastre de traducción. ¿cómo arreglo esto?
artf
En realidad, nunca hemos proporcionado un oyente para un componente durante el arrastre, pero puedo pensar en añadirlo en la próxima versión (por ejemplo, 'component:drag:start', 'component:drag', 'component:drag:end')
artf
Lo veo funcionando aquí https://jsfiddle.net/2gezckxL/
ramusesan
@artf no, no funciona, mira la demo abajo, no voy a conseguir ninguna consola allí. Estoy usando Chrome Versión 79.0 ! Untitled_ 13 ene 2020 10:59 AM
Tengo una tabla con, digamos, 1 fila y 3 celdas. Cuando arrastro y suelto un componente de Texto dentro de una de las celdas, esa celda se agranda y ocupa todo el ancho de la tabla. ¿Cómo puedo evitar que eso ocurra y hacer que el componente de texto ocupe el ancho de la celda? ! TableCell Redimensionar
artf
Así es como funciona el '<table>', deberías especificar un ancho fijo a tus celdas para evitarlo
El bug #2478 tras su lanzamiento sigue existiendo. Repite los pasos y obtendrás el error Uncaught TypeError: No se puede leer la propiedad 'indexEl' de undefined. Puede ser para reproducir en tu demo
artf
No 🤦 ♂️ Se arreglará en la próxima versión. Gracias @bgrand-ch
artf
Vale, parece que también tenemos que arreglar la función 'endMove'
Hola a todos, Pasos que seguí: Arrastra el bloque de texto. Establecer el color de la fuente. (está en formato RGB/RGB) Lo que esperaba: El estilo necesita actualizarse como código hexa. (como, #f0f0f0) Intenté conseguir la actualización de color en particular usando 'editor.on('component:styleUpdate:color', function...
artf
Como el StyleManager puede dirigirse a Componentes y CssRules, primero tienes que averiguar qué se ha seleccionado '''js editor.on('component:styleUpdate:color', component => { const sm = editor. StyleManager; const model = sm.getModelToSt...
pouyamiralayi
@prabha-912 ¡Salud!
prabha-912
Me devuelve indefinido al actualizar el color @pouyamiralayi
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...
Cuando arrastro un componente —por ejemplo, un Mapa— al lienzo, ahora se crean tres copias de ese elemento en el DOM. Sin embargo, el modelo es correcto y, si actualizo la pantalla, se renderiza correctamente. Sin intentar montar un sandbox entero para reproducirse, ¿alguna idea rápida de qué podría estar causando est...
andrewryan1906
Vale, por lo que puedo ver el problema está en Sorter.js y gira en torno a este código: Este código se llama por onMove cada vez que empiezas a arrastrar un componente al lienzo. Veo que creas un componente temporal y luego lo eliminas inm...
andrewryan1906
Todo este problema desaparece cuando elimino esta línea de mi configuración en el init: Algo en ese entorno causa este comportamiento. Todavía no entiendo qué.
artf
Gracias @andrewryan1906 por todos los aportes, de hecho el archivo Sorter estuvo en mi lista de por refactor durante un tiempo, pero aún no encontré tiempo para gestionarlo... De todas formas, sigo confundido sobre lo que está pasando, seg...