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 1,399

🔍 outdated
#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.

#114831 de mayo de 2018por dwengticorp2 respuestas
Reacciones 0

¿El script en el componente se estropea, alguna idea?

Creé un componente como const TWITTERTYPE = 'TWITTER'; domc.addType(TWITTERTYPE, { model: defaultModel.extend({ Predeterminados: { ... defaultModel.prototype.defaults, Droppable: falso, cuenta: 'OntarioAlliance', widgetwidth: 425, widgetheight: 525, Rasgos: [ { etiqueta: 'Cuenta', nombre: 'cuenta', cambioProprop: 1, }...

artf

Si usas cualquier tipo de minificador, el script también se ve afectado. Puedes configurar el script como una cadena si necesitas mostrar el código completo al usuario

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.

#114630 de mayo de 2018por sura2k3 respuestas
Reacciones 1

Añadir rasgos al envoltorio

Encontré una forma de añadir rasgos a wrapper mediante la función 'init', Pero tuve que añadir otras configuraciones de envoltorios como 'movida', 'copiable', etc. Como 'wrapper' es solo un elemento de configuración, espero que este sea el comportamiento por defecto. Sin embargo, si hay una forma de añadir 'rasgos[]'...

artf

Pero tuve que añadir otras configuraciones de envoltorios como emovable, copiable, etc. Como el wrapper es solo un elemento de configuración, espero que este sea el comportamiento por defecto. Sin embargo, si hay una forma de añadir rasgos...

sura2k

Estaba usando la 0.14.5. Funciona bien con la versión 0.14.15. Gracias por el consejo y perdona que moleste sin probarlo con la última versión.

betacar

@sura2k ¿Cómo extrajiste los valores de rasgos del envoltorio una vez que están establecidos? /cc. @artf

#114529 de mayo de 2018por milapshah153 respuestas
Reacciones 0

Subir imágenes a la base de datos remota

Hola a todos Estaba buscando la documentación donde el usuario puede seleccionar la imagen desde su local y luego la imagen debería almacenarse en la base de datos SQL. ¿Podrías indicarme los recursos adecuados para lograr lo mismo? ¿Cómo obtendré base64 de los archivos que se seleccionan? Un cordial saludo Milap

artf

Todo lo que necesitas saber sobre el argumento es aquí

milapshah15

@artf Gracias por cerrar esto. Yo implementé lo mismo y está funcionando de maravilla.

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.

#114429 de mayo de 2018por fernandoagarcia3 respuestas
Reacciones 0

Propiedad personalizada para cambiar varios ajustes

¿Hay alguna forma de ampliar una propiedad actual o crear una nueva para cambiar varias propiedades? Tengo un componente en el que me gustaría cambiar el tamaño de la fuente y el relleno a la izquierda, el relleno a la derecha, etc., dentro de una configuración de propiedad usando una radio. Pero he notado que solo ha...

artf

Hola Fernando, puedes encontrar más información sobre la API del Style Manager aquí

fernandoagarcia

@artf Mis disculpas. Quería decir que me gustaría enfocar el ancho, el relleno a la izquierda y el relleno a la derecha dentro de una sola propiedad. Quizá usando una radio. No pude encontrar un ejemplo de eso en la documentación. Me pregu...

artf

No, el gestor de estilo trabaja por propiedad. Pero puedes crear comportamientos personalizados con Traits, en tu caso puedes cambiar el estilo

#114329 de mayo de 2018por ssabrewolf2 respuestas
Reacciones 1

Cómo habilitar la inserción de bloques provisionales

Hola equipo grapesjs Con éxito creé un componente con rasgos y un bloque para insertarlo; cuando arrastro y suelto el bloque, aparece un marcador de posición verde que funciona como guía para que el usuario inserte componentes, como se ve aquí ! arrastre terrestre , este asistente de línea solo aparece en la operación...

artf

No, desafortunadamente no hay forma de activar D&D de esa manera, algo similar se puede hacer con un componente seleccionado en canvas a través de 'editor.runCommand('tlb-move')' pero no con bloques

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.

#114229 de mayo de 2018por ionic6662 respuestas
Reacciones 0

Cómo actualizar el modelo

Hola, ahora estoy implementando el cambio de mesa. Yo uso esto:this.selected.components('<table><tbody>'+tbodies+'</tbody></table>') Pero hay una tabla más y, tras guardar, la tabla redundante ha cambiado su sitio. ! qq20180529-152223 ! qq20180529-151857

artf

Obviamente, si añades filas en Init cada vez, las obtendrás cada vez que actualces la página

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