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

#75012 de enero de 2018por Deepak8133 respuestas
Reacciones 0

Cómo podemos establecer la hora y la zona horaria en cuenta atrás

Hola @artf, Por favor, háganos saber cómo podemos ajustar la hora y el huso horario en cuenta atrás, ya que es importante en el elemento de cuenta atrás. Además, sabemos que la mayoría de los creadores de plantillas ofrecen muchas funcionalidades con elemento de cuenta atrás en comparación con nosotros. Por favor, enc...

artf

Hola @Deepak813 primero que nada, esto tenía que estar abierto en el repositorio de cuenta atrás porque estaba estrictamente relacionado con él. No es casualidad que lo llame 'componente simple de cuenta atrás', si quieres algo más, simple...

Deepak813

Hola @artf, Gracias por el mensaje. Por favor, háganos saber cómo podemos configurar la zona horaria dinámica para que el usuario seleccione la zona horaria y la hora se cambien automáticamente según la zona horaria seleccionada. Además, l...

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.

#74811 de enero de 2018por austinbiggs3 respuestas
Reacciones 5

Componente:eliminar acción

Revisando los eventos disponibles, tengo curiosidad por saber por qué no hay una acción de "componente:eliminar". He optado por activar la acción modificando la acción de 'tlb-delete'. Supongo que hay una forma mejor, solo que aún no sé cuál sería.

artf

Añadido para la próxima versión

ryandeba

También me interesaría tener un evento 👍 'component:remove'

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.

#74611 de enero de 2018por NorthstarTech3 respuestas
Reacciones 1

Vista previa en un cuadro de diálogo

@artf @ryandeba ¿Es posible previsualizar (icono de ojo) la plantilla en un cuadro de diálogo aparte? No en un editor. ¿Cómo puedo hacerlo?

ryandeba

@NorthstarTech Aquí está un ejemplo de botones de "previsualización" y "detener previsualización" fuera del editor.

artf

Creo que el ejemplo de Ryan lo explica todo

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.

#74411 de enero de 2018por michaellwatson3 respuestas
Reacciones 0

Haz que el elemento exterior no sea seleccionable

Estoy intentando que el elemento exterior no sea seleccionable y que el interior sea solo seleccionable El elemento exterior es la etiqueta de sección y el interior es el div, necesito que la sección esté ahí por motivos, pero no quiero que sea seleccionable La etiqueta data-gjs-selectable=false no parece funcionar pa...

artf

https://jsfiddle.net/wswvuvab/2/ Parece funcionar correctamente (revisa tu versión), he añadido la propiedad 'data-gjs-hoverable="false"' para evitar la casilla de resaltado

michaellwatson

Debe ser mi versión entonces, porque sigue siendo seleccionable/hoverable, pero acepta data-gjs-highlightable="false", gracias de nuevo por tu ayuda

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.

#74311 de enero de 2018por suchithmahadi3 respuestas
Reacciones 0

Editor.getComponents() se carga varias veces cuando se actualiza.

Hola, editor.getComponents().add('<div class="grid-stack" style="height:800px;"></div>'); Añade varias veces cuando se refresca, ¿cómo parar esto? Debería sumarse solo una vez.

artf

Bueno, si 'añades', el editor guarda la plantilla (local/remota), después de que el editor de actualización la carga y sigues usando 'añadir'... Bueno, es un comportamiento correcto.

suchithmahadi

¿Hay alguna forma de añadir solo una vez?

suchithmahadi

@artf ¿Hay alguna forma de añadir solo una vez? Gracias

#74210 de enero de 2018por JuanTincho2 respuestas
Reacciones 0

Elegir orden y visibilidad de las categorías

Hola @artf, necesitamos poder cambiar el orden de las categorías y la visibilidad cuando empieza la aplicación. Pude hacerlo cambiando el modelo en la categoría y este fragmento de código en BlocksView.js: ... y establecer el orden en una propiedad flexbox. Quería saber si crees que este es un buen enfoque o si tienes...

artf

Creo que ese cambio en BlocksView no es necesario (a primera vista). Si pasas la categoría como objeto, se añadirá tal cual con todas sus propiedades. Si para cambiar te refieres a actualizar la vista de la categoría con un estilo de 'orde...

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.

#74110 de enero de 2018por duskhacker2 respuestas
Reacciones 0

Guardar CSS elimina algunos estilos en cada partida guardada

Este número es una continuación del #609, pensé que abrir un número nuevo sería mejor que seguir comentando en uno cerrado. @artf pregunté si podía dar un ejemplo práctico del problema. He montado este bolígrafo: https://codepen.io/duskhacker/pen/MrVpMa Parece funcionar mejor en Chrome. Para ver el problema, primero h...

artf

@duskhacker aquí 'editor.setStyle(codeViewer.editor.getValue().trim());' estás configurando esta cadena '<style>.txt-red....</style>'cuando debería ser '.txt-rojo...' Solución rápida: simplemente reemplaza 'setStyle' por 'addComponents'

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.

#74010 de enero de 2018por Deepak8133 respuestas
Reacciones 0

Cómo eliminar una clase de HTML

Hola @artf, Estamos actualizando la <i> clase de etiquetas, pero añade una nueva clase a esta, aunque la clase anterior no se elimina. Por favor, háganos saber cómo eliminar la clase. usando esto : editor.getSelected().set('attributes', {'class': 'newClass'}); Salida: <i class="fa fa-smile-o c2515" class="fa fa-addres...

ryandeba

Hola @Deepak813, Los componentes tienen un método 'setClass' que elimina todas las clases existentes y las reemplaza por la cadena de clases que pasa como primer argumento. Prueba esto: 'editor.getSelected().setClass('newClass');'

Deepak813

Hola @ryandeba, Gracias por el mensaje. Ya lo he usado, pero muestra el siguiente error: ----------ErrorTipoUncatch: editor.getSelected(...). setClass no es una función------------------ Por favor, háganos saber cómo eliminar este error pa...

ryandeba

@Deepak813 - El código que proporcioné me funciona perfectamente en la demo, así que sospecho que debe haber algo en tu configuración que esté causando el problema. ¿Podrías asegurarte de que tienes la última versión de grapesjs y luego cr...

#73910 de enero de 2018por perfect-coders3 respuestas
Reacciones 1

Consigue el modelo del elemento clonado

Antes que nada, gracias por una herramienta tan buena. Le doy un id aleatorio al elemento cuando el usuario arrastra un bloque en el editor. Pero cuando alguien copia el elemento de "copiar icono" en la barra de herramientas, no consigo obtener el elemento clonado. Y no puedo dar el id aleatorio al elemento clonado.

artf

Añadiré el evento 'component:clone' en la próxima versión

sudharsanUI

@artf @ryandeba Hola, tenemos el mismo problema. Tengo control de entrada dentro de los componentes de columna, en esta situación component:clone funciona bien. Pero, en múltiples columnas dentro de un solo componente de fila, el clon de c...

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.

#73810 de enero de 2018por theanhmx3 respuestas
Reacciones 0

La imagen volvió al tamaño original tras redimensionarse

Hola, tengo un problema extraño con el componente: Tengo 2 tipos: imagen e icono '''js domComponents.addType('icon', { model: imageModel.extend({ por defecto: Object.assign({}, imageModel.prototype.defaults, { rasgos: [{ Tipo: 'texto', etiqueta: 'URL de icono', Nombre: 'SRC', cambioprop: 1 }], removible: falso, arrast...

artf

¿Estás seguro de que no hay estilos extraños cargados que obliguen a IMG Style? Intenta inspeccionar y ver si realmente cambia el estilo

theanhmx

Sí, puedo ver que cambia en el almacenamiento local. Pero al poco tiempo volvió a su lugar

artf

¿Eres capaz de reproducirlo con un ejemplar en vivo?

Explora todos los temas