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

#144319 de septiembre de 2018por sapien992 respuestas
Reacciones 0

Componentes angularjs como componentes de uvapesjs

Hola artf, Mis primeras felicitaciones por este proyecto increíble, realmente disfruto usándolo. Segundo: esto NO va de ejecutar grapesjs dentro de un proyecto angular, es más bien lo contrario: grapesjs ya funciona bien como componente angular 6. Lo que quiero hacer es usar otros componentes angulares dentro del lien...

artf

Todos los scripts personalizados cargados mediante 'canvas.scripts' se cargan ANTES de los componentes, así que si intentas montarlos en algo, obviamente no funciona. Probablemente también necesites usar scripts 'relacionados con component...

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.

#144219 de septiembre de 2018por comedydriving2 respuestas
Reacciones 1

No consigo que carguen los datos JSON.

Puedo guardar mis datos json en la base de datos, pero no consigo que la plantilla lo cargue correctamente. Mis datos json se pueden ver aquí: ! jsondata Cuando cargo la página aparece así en la consola, lo que me hace pensar que el JSON no está cargando correctamente: ! jsonload ¿Hay algo que no está bien formateado...

comedydriving

Resuelto. Así que el primer problema es que el tipo de contenido debe ser json. Luego tuve que actualizar mi script php store para aceptar los datos json: $POST = jsondecode(filegetcontents('php://input'), verdadero); Por último, mi campo...

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.

#144119 de septiembre de 2018por ageir3 respuestas
Reacciones 0

Arrastrar la imagen al lienzo no muestra la imagen

Ejecutando la última versión (0.14.29) en el servidor local. Usando el preajuste de página web de ejemplo. Ubuntu 18.04, Chromium 69. Tengo un problema para arrastrar imágenes al lienzo. Estoy usando un backend de php. La imagen se sube y se añade al gestor de recursos, pero no aparece en el lienzo, solo el icono del...

JulyanoF

@ageir hice algo diferente (para la subida de archivos): y Y para imágenes de lista:

artf

Debido a tu uploadFile personalizado (¿por qué no usar solo el original???), no estás llamando a la callback https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/FileUploader.js#L105

mathiasbc

HOLA @artf, Tengo el mismo problema, mi configuración es la siguiente: Esta función funciona bien, de hecho puedo subir imágenes y se mostrarán en el administrador de activos. Para el bloque de imágenes tengo: Que se copia directamente del...

#144019 de septiembre de 2018por ionic6663 respuestas
Reacciones 0

Cómo escuchar cambios en la caja de selección en Rasgos

! 1 ! 2018-09-19_102259 ! 3 Solo quiero escuchar cambios en la caja de selección, pero no puedo introducir la función UpdateType

JulyanoF

@ionic666 supongo que tendrás que crear un rasgo personalizado: https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type

artf

al no tener 'changeProp: 1', será un atributo simple, así que tendrás que escuchar: 'change:attributes:data-sensor'

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.

#143918 de septiembre de 2018por kickbk3 respuestas
Reacciones 1

Eliminar imágenes del lienzo/LS cuando se eliminan del AM

Subo una imagen con el gestor de recursos, que almacena la imagen en el servidor. Selecciono la imagen para insertar en el lienzo y la almacena en el LocalStorage. ¡Genial! Ahora borro la imagen. Lo elimina del servidor y del Gestor de Recursos. ¡Genial! Actualizo la página. Como la imagen se usó en el lienzo, no fue...

artf

Vale... @kickbk por eso pido especificar toda la información cuando crees nuevos números, así que por favor, la próxima vez, hazlo Por cierto, esos son componentes diferentes, prueba esto: 'wrapper.find('[data-gjs-type=mj-image][src="...."...

artf

creo que la solución aquí podría ser que cuando eliminemos la imagen de AM también debería eliminarla del lienzo y de LS. Vale, pero esta lógica depende solo de ti, definitivamente no es algo que debamos añadir dentro del núcleoOjo, tengo...

kickbk

Cuando hago wrapper.find('img[src="${src}"]') me queda un array vacío. De hecho, también me sale un array vacío en wrapper.find('img'). Estoy comprando el envoltorio, pero parece que no tiene imágenes dentro. ¿Estamos consultando el elemen...

#143818 de septiembre de 2018por mrajeshkrossark3 respuestas
Reacciones 0

Formas de cargar contenido HTML a través del wrapper de reactjs

@artf Tío, quiero cargar la página html que contiene css y js para efectos (paralaje). Trabajé unos 10 días pero aún no consigo saber si lo estoy haciendo bien. ¿Puedes darme instrucciones para hacerlo de la manera correcta? El objetivo final es proporcionar un conjunto de plantillas para el usuario en la página de wr...

artf

https://grapesjs.com/docs/getting-started.html

suresh5

@artf Tío, quiero cargar la página html que contiene css y js para efectos (paralaje). Trabajé unos 10 días pero aún no consigo saber si lo estoy haciendo bien. ¿Puedes darme instrucciones para hacerlo de la manera correcta? El objetivo fi...

mrajeshkrossark

> @artf Tío, quiero cargar la página html que contiene css y js para efectos (paralaje). Trabajé unos 10 días pero aún no consigo saber si lo estoy haciendo bien. ¿Puedes darme instrucciones para hacerlo de la manera correcta? El objetivo...

#143618 de septiembre de 2018por peakrams3 respuestas
Reacciones 3

Bloques atómicos o componentes complejos

Hola, Estoy estudiando el editor y creo que entiendo la diferencia entre componentes y bloques. Ahora, me preguntaba si GrapesJS ofrece la posibilidad de gestionar un bloque como una entidad atómica o si permite definir componentes como un árbol con nodos. Por ejemplo, tengo un bloque llamado 'separator' que básicamen...

artf

El principal problema que veo es que el código fuente debería ser importable tal y como lo genera el editor, y no estoy seguro de si el editor puede distinguir el elemento separador de cualquier componente td de un componente de tabla usad...

artf

el hecho de que haya devuelto un tipo para este nodo impide al editor probar los nodos internos de ese nodo en busca de un tipo de componente? No, los nodos internos seguirán siendo recorridos, pero en realidad puedes evitarlo con esto com...

artf

sí, la propiedad Content podría resolver mi problema, pero supongo que tengo que mantener manualmente su valor sincronizado (con manipulación de cadenas) con los cambios que hacen los usuarios en las propiedades y rasgos del componente sep...

#143517 de septiembre de 2018por benschiefer2 respuestas
Reacciones 0

Los rasgos de casilla de verificación no se renderizan correctamente

Los rasgos de tipo casilla no se muestran como "marcados" en la configuración de componentes. Para reproducir:Margen de importaciónSeleccionar el elemento de entrada en el lienzoVe a Configuración de componentesObserva que la opción Comprobada no está marcada. El mismo problema puede notarse con el atributo "obligator...

artf

Debería corregirse con la última https://github.com/artf/grapesjs/releases/tag/v0.14.33 y https://github.com/artf/grapesjs-plugin-forms/releases/tag/v1.0.1 (cambié el nombre del plugin 'gjs-plugin-forms' -> 'grapesjs-plugin-forms')

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.

#143417 de septiembre de 2018por YashPrince3 respuestas
Reacciones 0

Barra de herramientas Ocultar elemento de texto

@artf Por favor, comprueba que el texto de tu página de demostración esté oculto bajo la barra de herramientas. ¿Cómo podemos actualizar la posición de la barra de herramientas? ! problema de la barra de herramientas

artf

Actualmente la posición está codificada en fija, pero podemos ampliarla como hacemos con la barra de herramientas RTE mediante eventos

artf

Cerrado por https://github.com/artf/grapesjs/pull/1730

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.

#143317 de septiembre de 2018por YashPrince3 respuestas
Reacciones 6

Barra de herramientas al pasar el cursor

@artf cómo podemos mostrar la barra de herramientas al pasar el cursor. Actualmente la barra de herramientas está abierta cuando seleccionamos cualquier elemento, pero quiero mostrarlo al pasar el cursor. Cualquier ayuda sería bienvenida. ! publicación de la barra de herramientas

limbobark

@sakshigarg9 , '''js editor. Commands.extend('select-comp', { onHovered(em, component) { const trg = component & & component.getEl(); si (trg) { const pos = this.getElementPos(trg); this.updateBadge(trg, pos); this.updateToolbar(component)...

artf

La única forma en la que puedo ayudarte aquí es decirte que compruebes este https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js de comandos (id del comando: 'select-comp') que es responsable de mostrar la barra d...

sakshigarg9

@YashPrince Hola, ¿pudiste resolver esto? Necesito una implementación similar

Explora todos los temas