Quiero añadir un div donde el usuario pueda añadir su propio código a grape.js. Así que puede editar su código predefinido con grape.js. Cualquier ayuda será muy apreciada.
artf
Mira esto #324
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estoy usando la opción de 'autoguardado' en 'storeManager' y me gustaría saber si hay alguna forma de recuperar la última vez que se almacenó contenido
artf
Simplemente usa el evento 'storage:store' y guárdalo tú mismo
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Tengo un componente personalizado y al cambiar de rasgo quería actualizar html, pero de forma aleatoria devolvía span/textnode en la función de cambio de rasgos en lugar de elemento html. A continuación se muestra html generado por componente y, al cambiar el título, quiero actualizar el elemento h4.linkModel.get("com...
artf
Bueno, por lo que has contado no puedo saber qué está pasando, pero definitivamente, no se genera nada aleatoriamente, solo profundiza en la depuración. Por cierto, puedes resolver esto más fácilmente usando el método 'find(query)': '''js...
krunal039
@artf intenté depurar pero no tuve suerte porque ocurre en algunas páginas y no en todas. también 'this.find' no está definido ! imagen
Hola @artf, Estoy teniendo este problema en el plugin de gradiente "Plugin gjs-style-gradient no encontrado". Utilizó el código siguiente para incluirlo en nuestro archivo: editor = grapesjs.init({ Plugins: [ 'GJS-Style-gradient'], pluginsOpts: { 'gradiente-estilo gjs': { ColorPicker: 'por defecto', grapickOpts: { mín...
ssabrewolf
Necesitas incluir el plugin JS, aquí tienes la versión live que funciona https://jsfiddle.net/ssabrewolf/7ur0cwq3/32/
Deepak813
Hola @ssabrewolf, Gracias por el mensaje. He usado el mismo código pero a veces me aparece el mismo error: "Plugin gjs-style-gradient no encontrado". Consulta el código a continuación: editor. StyleManager.addProperty('Page Settings', { no...
ssabrewolf
Para descartar problemas en tu entorno, simplemente crea un fork, es un cilck del enlace anterior y usa el mismo código que usas para iniciar el proceso
He ampliado el componente de imagen por defecto '''js Export default (editor) => { const domComponents = editor. DomComponents; const imageType = domComponents.getType('image'); domComponents.addType('image-extended', { model: imageType.model.extend({ defaults: Object.assign({}, imageType.model.prototype.defaults, { n...
artf
'el.tagName === 'IMG''
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Encontré un problema con la propagación droppable. Pongo un ejemplo. Dejo "3 columnas" dentro de mi plantilla (zona amarilla en jsfiddle), ahora, si quiero añadir una imagen dentro de una de las columnas, el selector verde no aparece. Si elimino todos los data-gjs, el sistema funciona correctamente https://jsfiddle.ne...
artf
Esto ocurre porque en la caja interior propagas 'droppable' y cuando sueltas la tabla, su 'droppable' va a columnas Por cierto, usa siempre la última versión
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola equipo grapesjs ¿Es posible crear una barra lateral del panel izquierdo de acceso rápido con los bloques más populares (texto, imagen, 2columnas, etc.)? De esta manera siempre es visible porque seleccionar cualquier componente en el lienzo oculta automáticamente el panel principal de bloques derechos. Si es así,...
artf
Consulta este ejemplo https://codepen.io/artf/full/MQpZPj/
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola a todos, Tengo un requisito donde añadí un botón que guarda la configuración en la base de datos remota. Ahora me gustaría escuchar cualquier cambio en el lienzo para activar o desactivar el botón. Por ejemplo, si hay algún cambio, activa el botón de guardar para que el usuario pueda guardarlo. He revisado los ev...
IStirton10
De hecho, creo que hay un evento que podría cumplir con este propósito. ¿Podrías intentar definir tu callback de método en 'change:changesCount'? grapesjs\src\editor\model\Editor.js:64 'this.on('change:changesCount', this.updateChanges, th...
IStirton10
No estoy seguro de si hay un evento exclusivo que escuche cualquier cambio en el lienzo. ¿Quizá podrías hacer que tu método funcione en todos los eventos de lienzo en su lugar? https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#...
milapshah15
@IStirton10 Déjame probarlo. Supongo que esto debería funcionar. Un cordial saludo Milap
Hola a todos, Necesito ayuda para integrar esto en una aplicación web que tengo. Todo se renderiza y funciona como se espera, pero estoy intentando conseguir las imágenes subidas (arrastrando y soltando) como base64. Usar un endpoint no es una opción que pueda usar. Este es el código que tengo Además, después de proce...
Sí, lo intenté. Pero lo que busco es obtener el archivo base64 para poder subirlo al plateform que estoy usando y luego añadir la url de retorno a grapesjs
artf
Entonces usa 'uploadFile' y si no sabes cómo conseguir el base64 del archivo, intenta copiar 'embedAsBase64'
Hola, tío. Ahora bien, las tablas no pueden cambiar el contenido. ¿Cómo puedo modificar el contenido en TD?
artf
@ionic666 seguir la plantilla del problema, por favor, ni siquiera entiendo el contexto de tu pregunta
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.