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

#25568 de febrero de 2020por MatthewMariner2 respuestas
Reacciones 4

Limitar UndoManager a X cantidad de pasos

Caso de uso: Hola chicos, he revisado la API de UndoManager/He buscado problemas, pero no consigo averiguar cómo limitar UndoManager. Si creo una web robusta y paso 30 minutos haciéndola, parece que puedo hacer ctrl + z desde el principio hasta el inicio. Creo que esto podría ralentizar el Editor porque se guarda todo...

artf

'''js editor. UndoManager.getInstance().set('maximumStackLength', 100); ```

MatthewMariner

¡Gracias@artf

#25557 de febrero de 2020por mario-digitalRespuesta 1
Reacciones 1

Actualizar valores máximos mínimos del control deslizante de vues

Hola, He añadido vue-slider a mi proyecto y estoy intentando ajustar el rango mínimo y máximo de los deslizadores para que vaya de -100 a 100. Sin embargo, cuando los configuro, obtengo: [Vue warn]: Evita mutar directamente un prop ya que el valor se sobrescribirá cada vez que el componente padre se vuelva a renderiza...

artf

Tío, esto es una pregunta relacionada con Vue... Por cierto, solo tienes que pasarlos en la función de renderizado de Vue '''js h(VueSlider, { Utilería: { min: -100, máximo: 100, contenido: Cierto, } }) ```

#25547 de febrero de 2020por irfanhaider5Respuesta 1
Reacciones 0

Crear tabla dinámica con datos dinámicos del servidor

Hola, Quiero crear un componente dinámico usando tabla con datos dinámicos. Y quiero renderizar HTML generado en el componente React. ¿Me ayudas? ¿Cómo puedo hacer eso? No encontré nada que me ayudara. Estoy atrapado.

artf

Necesitas crear un componente personalizado y podrías cargar los datos dinámicos en la función de callback 'onRender'

#25536 de febrero de 2020por sdrebelRespuesta 1
Reacciones 0

Modo de arrastre 'absoluto' no puede arrastrar y soltar otros componentes

Hola @artf, En modo de arrastre absoluto, no se pueden arrastrar y soltar otros componentes dentro del componente seleccionado. Este problema no es para componentes personalizados, probé con un componente columna básico. Avísame si hay alguna solución La demo está aquí https://jsfiddle.net/fn43hpj1/2/ Gracias.

artf

Ahora mismo el modo de arrastre absoluto no funciona así, todos los bloques que se caen van directamente a la raíz

#25526 de febrero de 2020por kickbk2 respuestas
Reacciones 2

Solo se permite que se elimine un componente

Perdón por la pregunta de principiante, pero si tengo un componente de campo de texto y solo quiero permitir que el usuario coloque un número específico de ellos en el lienzo, digamos solo uno. ¿Cómo puedo limitarlo? ¿Quizás una forma que muestre una alerta para explicar que no pueden añadir otro componente de campo d...

pouyamiralayi

#25151 #25152

kickbk

Así que ahora mismo tengo una solución muy fea: Esto básicamente mira si el componente está en el lienzo cuando está cargado. Si es así, entonces oculta el botón de componente arrastrable. Aquí podría usar una mejor forma de ocultar el bot...

#25515 de febrero de 2020por gagan348Respuesta 1
Reacciones 0

No se puede seleccionar el componente de enlace sin hacer clic en el lienzo en RichtextEditor

He creado la barra de enlace en Richtexteditor y quiero seleccionar el componente de enlace (añadido dinámicamente) en la instrucción else después de insertHTML. No se crea como un componente hasta que hago clic en el lienzo. ¿Hay algún método para lograrlo? Aquí está el siguiente código: editor. RichTextEditor.add('l...

gagan348

Encontré el método que me 👍 funciona editor.getSelected().view.syncContent(); Gracias

#25505 de febrero de 2020por ganapathy-kevinRespuesta 1
Reacciones 0

Disparar un evento de función "tipo on"

¿Existe algún oyente de eventos que pueda usar para lanzar una función mientras el usuario escribe cada letra en un campo Grapejs? Estoy buscando guardar en una base de datos remota mientras el usuario escribe cada letra. Actualmente solo puedo disparar una función en difuminado, o si el usuario pulsa un botón persona...

artf

Si usas 'difuminar' probablemente también puedas usar 'entrada' (que se activa en cualquier cambio de entrada)

#25494 de febrero de 2020por rjrodriguezalvarez973 respuestas
Reacciones 7

Actualizar vista de componentes al cambiar la propiedad

Hola a todos, Estoy intentando crear un componente que actualice su vista en función del valor de una propiedad '''javascript editor. DomComponents.addType("price-value-type", { isComponent: el => { if (el.tagName == "div" && el.hasAttribute("precio-valor")) { return { type: "price-value-type" }; } }, modelo: { defaul...

artf

para actualizar el HTML tienes que cambiar 'toHTML' en el modelo '''js modelo: { ... toHTML() { const tagName = this.get('tagName'); precio const = esto.obtener('precioDefault'); return '<${tagName}>${price}</{tagName}>'; } } ```

artf

¿Has probado algo así? '''js Vista: { init() { this.listenTo(this.model, 'change:defaultPrice', this.render); }, onRender() { this.el.innerHTML = this.model.get("defaultPrice"); } } ```

rjrodriguezalvarez97

Lo probaré pasado mañana. ¡Gracias por vuestras respuestas rápidas!

#25484 de febrero de 2020por christiancannata3 respuestas
Reacciones 4

No se puede desplazar todo el lienzo con el zoom activado

Cuando el zoom está activado, no es posible desplazarse por todo el lienzo y mover componentes. Creo que eso es transformar: escala(1.5) translate(0px); Propiedad en el lienzo: el origen del problema. Si activo una propiedad de desplazamiento de overflow: fuera del lienzo, solo puedo moverme para un lienzo parcial, pe...

artf

Hola @christiancannata cuando activas el zoom deberías poder mover el lienzo pulsando ESPACIO y haciendo clic izquierdo del ratón

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

mmotov

¡Hola @artf! Eso ha sido muy útil, pero ¿cómo puedo ajustar la posición original del lienzo cuando vuelvo a estar en estado normal?

#25474 de febrero de 2020por sdrebel3 respuestas
Reacciones 0

No se puede arrastrar un elemento si el estilo tiene valores inferiores o derechos

Hola @artf, Si algún componente CSS tiene valores inferiores o derechos, no se pueden arrastrar a ellos. Los valores se generan como NaN. Adjunto la captura de pantalla para tu referencia. ! imagen

artf

¿Se puede crear una demo reproducible?

sdrebel

¿Puedes crear una demo reproducible? Hola @artf Aquí está el enlace de la demostración https://jsfiddle.net/fn43hpj1/2/ Puedes comprobar el componente 'Popup'. Como en modo arrastrable el estilo se sobrescribe, estoy recibiendo el método d...

artf

Como en modo arrastrable el estilo se sobrescribe, me sale el método de estilo y actualización en Render. Sí, eso se arreglará en la próxima versión, lo comprobaré más adelante con tu ejemplo

Explora todos los temas