Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#11591 de junio de 2018por Buubiye2 respuestas
Reacciones 0

¿Cómo puedo añadir un importador de archivos a grape.js

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.

#11581 de junio de 2018por JulyanoF2 respuestas
Reacciones 0

¿Hay alguna forma de saber si se guardó la última vez?

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.

#11571 de junio de 2018por krunal0393 respuestas
Reacciones 0

Devolver el span aleatoriamente en un componente personalizado

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

artf

Solo actualiza grapesjs

#11561 de junio de 2018por Deepak8133 respuestas
Reacciones 0

Plugin gjs-style-gradient no encontrado

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

#11551 de junio de 2018por grizzm02 respuestas
Reacciones 1

Componente personalizado usado como HTML en bloque

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.

#11541 de junio de 2018por alfaalex812 respuestas
Reacciones 0

Propagación por gotas

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.

#11531 de junio de 2018por ssabrewolf2 respuestas
Reacciones 1

Crear panel minimalista barra lateral izquierda

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.

#11521 de junio de 2018por milapshah153 respuestas
Reacciones 3

Escucha cualquier cambio en el lienzo

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

#115031 de mayo de 2018por afaraha84033 respuestas
Reacciones 1

Obtén subidas como Base64

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...

artf

¿Has probado con esto? '''js assetManager: { ... uploadFile: false, embedAsBase64: cierto, ```

afaraha8403

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'

#114931 de mayo de 2018por ionic6662 respuestas
Reacciones 0

Cambia el contenido en <td>

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.

Explora todos los temas