Hola, Estoy teniendo algunos problemas con el enfoque móvil primero. El lienzo muestra el estilo incorrecto al establecer diferentes estilos en varios puntos de interrupción. Pero el código generado es bueno, este problema solo ocurre en el lienzo. https://codesandbox.io/s/xenodochial-shockley-s02lp?file=/index.js:496...
artf
Deberíamos aplicar la misma lógica de https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/codemanager/model/CssGenerator.js#L151-L162 Aquí https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a...
Error menor: Al cambiar el componente de tipo de vídeo a un proveedor html5, siempre toma el src del proveedor anterior. En cambio, esperaría que estuviera aprobado. Esto también tiene otro efecto secundario, ya que parece (sin consultar el código) que configuras el proveedor según el SRC. Esto es especialmente molest...
artf
Debería arreglarse en la próxima versión, gracias por el informe
Hola. Antes que nada, gracias por esta herramienta tan dulce. Lo que necesito es cargar archivos JS o CSS en el lienzo dependiendo de los rasgos. digamos que tengo un botón con una opción para activar una caja de luz. ! 1 ahora lo que necesito es cargar los archivos del plugin de lightbox solo cuando esta casilla esté...
artf
Cuando usas 'canvas: { scripts: [], styles: [] }' solo añade esos archivos al lienzo del editor, por lo que no los verás en tu código final ('editor.getHtml()'). No hay ningún tipo de lista global, pero aún así puedes indicar al componente...
Hola, Acabo de actualizar a la versión de Last 0.16.12 y tengo un error al intentar mover un componente que tiene la propiedad 'textable:1' a un componente de texto. Funciona en la versión anterior 0.16.3. Cuando muevo el componente me aparece un error en la consola 'Uncaught TypeError: No se puede leer la propiedad '...
artf
Dejo aquí un ejemplo funcional de un componente textible https://jsfiddle.net/artur_arseniev/0b9ox72g/
0099FF
Parece que se introdujo en 9c24108dadf2ded39e8805b6c4a5f00c626c468b. Como señala @antman3351 la llamada 'model.getView().render();' es la causa problemática. Un poco más abajo en la pila de llamadas intentamos actualizar los atributos de l...
bogdanbs
Mi dos tomografía a esto. El problema radica en mezclar código asincrónico y síncrono. La habilitación de rte: enable(view, rte) así como los ComponentTextView.onActive y ComponentTextView.disableEditing son ahora, desde la solución para e...
Hola, ¿Hay alguna forma de seleccionar un elemento después de añadirlo al cuerpo? Cuando añado un enlace, quiero abrir la configuración de componentes inmediatamente. ¿Cómo puedo hacerlo? Gracias de antemano
Mohsen-Khakbiz
Creo que esto debería funcionar
tiptronic85
Funciona, muchas gracias. Añado el código solo para enlaces y botón y queda perfecto. 'si model.is('enlace')'
Oye @artf, pregunta, ¿deberían activarse los comandos principales cuando se activa el keyMap? La situación: He añadido a estos oyentes: Cuando elimino un componente usando el icono de eliminar, llama a mi oyente, pero al pulsar la tecla 'suprimir', no activa el oyente... ¿Estoy haciendo algo mal aquí? Puedes consultar...
artf
Sí, tienes razón, el controlador de comandos se ejecuta directamente aquí https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src/keymaps/index.js#L154 debería pasar por 'Commands.run(id, opts)' https://github.co...
Hola, GrapesJS tiene un montón de eventos que se pueden escuchar con editor.on. Uno de ellos es 'canvas:drop'. Pero solo se activa cuando suelto elemento que aún no ha estado en lienzo. Pero quiero escuchar cuando el usuario deja caer algún componente que ya existía en Canvas. ¿Puedo lograrlo?
cartifon
Hola @kuhelbeher, en la versión 16.2 añadieron esa opción, puedes echar un vistazo aquí: https://github.com/artf/grapesjs/releases/tag/v0.16.2
Estoy trabajando en una aplicación de loopback y quería integrar grapesjs, para que el cliente pueda crear su propia plantilla web que luego el servidor utilizará para enviar información superpuesta sobre la plantilla. Sin embargo, no puedo integrar grapesjs y ejecutarlo junto con la aplicación principal al iniciar el...
cartifon
GrapesJS es una biblioteca JavaScript del lado del cliente, no creo que puedas añadir eso a una aplicación NodeJS de back-end.... Pero puede que me equivoque... ¿Qué opinas @artf?
artf
@HPsisodia en el cliente renderizas el editor usando el grapesjs, con loopback solo proporcionas la API (https://grapesjs.com/docs/modules/Storage.html#setup-the-server). Si no sabes cómo configurar el servidor con loopback, desafortunadam...
Hola ¿Dónde puedo reproducirlo? En la URL de la demo: https://grapesjs.com/demo-newsletter-editor.html Información del navegador: Firefox 75.0 ¿Cómo puedo reproducirlo? Selecciona una tabla o celda de tabla y prueba a cambiar el color de fondo con el selector del selector. El resultado no cambia el color :(
svalenciano81
Pero, ¿por qué el canal alfa es "0" por defecto en Firefox y "100" en Chrome?
Hola, en grapesjs en Firefox 75.0, cuando se pulsa "tecla de retroceso" (evento.que === 8), el navegador retrocede y se pierde grapesjs. Para reproducirlo: Abrir el navegador Firefox URL abierta: https://grapesjs.com/ Haz clic en: "Demo del boletín" pero Eliminar un elemento de la "tecla de retroceso" del editor usign...
artf
Debería arreglarse en la próxima versión
artf
@juice77 el problema se solucionó en la última versión https://github.com/artf/grapesjs/compare/v0.16.17...v0.16.18