Problemas con GrapesJS

Ju99ernaut

No lo recomendaría, 'grapesjs' es principalmente un framework de construcción web... En mi opinión, necesitas algo parecido a un editor SVG.

artf

De hecho, puedes usar el modo absoluto en GrapesJS, pero aún queda mucho trabajo por hacer para que funcione bien como en tu ejemplo, y, como ya se ha sugerido, el editor se centra principalmente en proyectos web.

perfectwebtech

Ah, vale, genial, muchas gracias de verdad

artf

Gracias por el informe @FlowingCloudRTL. El problema se solucionará en la próxima versión

artf

'upload: siteURL+'assets/CONTENT/img', ¿esta ruta de subida de imagen o es una función que sube imágenes? Ruta de subida de imagenSi uso AmazonS3, ¿puedo acceder a la opción de edición con el problema de CORS? Si intentas subir directament...

SintoDema

Hola @artf, Gracias por tu respuesta.Si intentas subir directamente a S3 desde el navegador (sin tener tu endpoint como proxy), no puedes hacerlo (por eso existe CORS). Así que envía el archivo a tu endpoint y, desde tu script backend, pue...

artf

URL de imagen será de Amazon S3 https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors

artf

Hola @tvvignesh tiene sentido, pero como sabes, los temas relacionados con las interfaces son muy discutibles, así que requiere mucho código para que sea lo más personalizable posible. Hasta ahora, he dejado de añadir cosas de interfaz en...

tvvignesh

@artf Gracias por vuestras aportaciones sobre esto. Probaré a implementarlo usando la API de Blocks. Solo una pregunta. Como me gustaría añadir bloques en la ubicación donde está el cursor buscando el bloque como en la captura de pantalla,...

mcottret

¡Hola @neon12345! Que yo sepa, el 'changesCount' también se usa junto con 'stepsBeforeSave' para activar el almacenamiento cuando el 'autoguardado' está activado. (cf: https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates...

neon12345

Vale. Pero eso significa que deshacer y rehacer siempre activará el guardado automático, lo cual no es lo óptimo.

artf

getDirtyCount devuelve el número de cambios, así que no se usa como un booleano. Si tienes una mejor solución para manejar cambios de deshacer o rehacer, la residencia permanente es bienvenida

artf

@nedim1511 ¿podrías proporcionar una demo reproducible, por favor?

neon12345

https://jsfiddle.net/3gqh6p5a/ Haz clic en seleccionar "Hola Mundo" y arrastra el divisor vertical hacia la izquierda para redimensionar la ventana dividida. El "editor.refresh()" llamado en dragEnd debería alinear las herramientas, pero n...

artf

En mi copia local, tu ejemplo funciona correctamente, así que probablemente en la próxima versión se arreglará

artf

Depende del editor WYSIWYG que uses

artf

Se arreglará en la próxima versión. Por ahora, puedes arreglarlo tú mismo, de esta manera: '''js const preventDrag = (opts) => opts.abort = 1; editor.on('run:core:preview', () => { editor.on('run:tlb-move:before', preventDrag); }); editor....

artf

Perdona, pero esto está totalmente fuera de tema

moemos

Perdona:(

artf

Puedes conseguir la ventana interior de lienzo de esta manera, 'editor. Lienzo.obtienVentana()'