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
#107830 de abril de 2018por kuldeepcis3 respuestas
Reacciones 1

Añadir un selector de fecha y hora personalizado para la cuenta atrás

Para la cuenta atrás nos gustaría añadir nuestro selector personalizado de fechas, no solo el de HTML. Probamos añadir el evento de clic en su rasgo de esta manera rasgos: [{ etiqueta: "Start", Nombre: "StartFrom", cambioProp: 1, tipo: n.fechaTipoEntrada, eventos:{ click:"handleClick", }, handleClick:function(e){alert...

nojacko

Códigos fuente:https://github.com/artf/grapesjs-preset-webpagehttps://github.com/artf/grapesjs-component-countdown

artf

@kuldeepcis por favor, echa un vistazo a cómo crear Rasgos personalizados

kuldeepcis

¿Podrías proporcionar la versión no minificada de grapesjs-preset-webpage.min.js?

#107730 de abril de 2018por Deepak8133 respuestas
Reacciones 2

Cómo podemos eliminar el componente seleccionado html

Hola artf, Por favor, háganos saber cómo podemos eliminar el componente HTML seleccionado como Tengo un botón html y cuando selecciono esa clase "gjs-comp-selected" aparece añadida <button class="addcolbtn gjs-comp-selected" id="ir9j">Añadir nueva columna</button> Quiero eliminar este botón html y reemplazarlo por con...

artf

Puedes hacer algo así '''js componente const = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(componente); return coll.add('<div>Contenido nuevo</div>', { at }); ```

mararn1618

Esto me ha ayudado mucho a eliminar componentes programáticamente y solo quiero añadir un código de ejemplo en Typescript para más referencia.Ejemplo de Typescript: Eliminar dinámicamente componentes Se han retirado todos los componentes q...

Deepak813

Hola artf, Gracias por el mensaje y el código proporcionado funciona bien, pero me está saliendo el siguiente error: Uncaught TypeError: No se puede leer la propiedad 'indexOf' de undefined en HTMLDivElement. <anonymous> (template.js?1.15:...

#107527 de abril de 2018por kuldeepcis2 respuestas
Reacciones 0

Crear un nuevo bloque de elementos

Necesito añadir un nuevo elemento en la sección de bloques básicos. He comprobado que tenemos una gapejs-preset-webpage.js donde puedo añadir los elementos, pero en todo el módulo editor se usa su versión minificada, así que necesito incluir la versión minificada y no puedo incluir gapejs-preset-webpage.js . ¿Hay algu...

artf

https://github.com/artf/grapesjs/wiki/Blocks

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.

#107427 de abril de 2018por kopecms3 respuestas
Reacciones 0

Mantener datos-gjs- etiquetas

Hola, muy bien. ¿Thanks.Is alguna posibilidad de no eliminar etiquetas data-gjs- al cargar una plantilla html o devolverlas con getHtml()?

artf

No, los atributos 'data-gjs-*' se usan solo para la importación

Moikapy

¿Hay alguna forma de eliminar esto en una versión local? Necesito que el 'data-gjs-*' se mantenga cuando se devuelva al lienzo.

artf

Siempre puedes ampliar la vista de componentes 'por defecto' y añadir los atributos que necesitas

#107326 de abril de 2018por NicolasBerino3 respuestas
Reacciones 0

Integración con GWT

Hola, En realidad, tengo una solicitud de GWT y necesito integrar uvas JS. Mi problema es que no sé hacer esto por todos los archivos diferentes en JS. Entendí que era necesario crear un módulo con un camino específico, pero no veo muy bien cómo vincular JS con GWT en el contexto de un proyecto tan grande. Si alguien...

artf

No sé cómo funciona GWT, pero no esperaría nada diferente usando cualquier otra librería externa. Solo necesitas incluir un archivo de grapesjs en js https://unpkg.com/[email protected]/dist/grapes.min.js (probablemente también necesitarás u...

NicolasBerino

Gracias por tu respuesta, pero no me ayuda porque es a nivel de escribir el contexto donde tengo dificultades. De hecho, intenté usar el readme para integrar los dos archivos de min (con un contexto mínimo como resultado), pero no funcionó...

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.

#107225 de abril de 2018por andsnake2 respuestas
Reacciones 0

No se puede añadir una nueva regla CSS si un elemento que la está usando no está presente en el html

Hola, estoy usando la última versión y tengo el problema tal y como se describe en el título. Estoy editando html y css por separado. He notado que al editar el css, si intento añadir una nueva clase que aún no ha usado ninguno de los elementos del lienzo, después de guardar, esa clase css se elimina, Si en cambio cre...

artf

Sí, es un comportamiento normal, el editor optimiza el código exportado, pero en la próxima versión encontrarás una nueva opción 'keepUnusedStyles', que te permite saltarte esta optimizació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.

#107125 de abril de 2018por perfect-coders2 respuestas
Reacciones 1

Cambia los colores, el grosor del flotador de forma permanente para todo el editor.

@artf - No quiero que el usuario seleccione un elemento y cambie los estados. Quiero cambiar los colores y el grosor de forma permanente para todo el editor por defecto. Significa que no depende del usuario ni de ningún elemento. Quiero cambiarlo para el editor de forma permanente.

chapterjason

Puedes encontrar todos los estilos del editor en el siguiente directorio https://github.com/artf/grapesjs/tree/dev/src/styles/scss Nota: es scss, no css Si quieres averiguar directamente los selectores de CSS, puedes usar las herramientas...

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.

#107025 de abril de 2018por AboyobamX2 respuestas
Reacciones 0

Inserción de imagen bloqueada

Estoy intentando crear una web con grapesjs y ahora me enfrento al problema: no puedo insertar ninguna imagen desde mi PC. Cuando intento subir una imagen, aparece la siguiente información: ! bildschirmfoto 2018-04-25 um 14 35 33 ¿Alguien sabe cómo solucionar este problema? ¡Gracias por la ayuda! AboyobamX

artf

La demo utiliza el plan gratuito de Filestack, por lo que cuando se alcanza el límite el plugin queda bloqueado (se reinicia cada mes). Además, la demo está diseñada para mostrar las funciones de GrapesJS y no como un servicio para crear s...

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.

#106825 de abril de 2018por perfect-coders2 respuestas
Reacciones 0

Los mismos rasgos no aparecen cuando renderizamos el elemento de cuenta atrás tras guardar la plantilla y renderizamos de nuevo

A la primera, la cuenta atrás y la cuenta atrás aparecen y funcionan bien. Pero guardo la plantilla y luego vuelvo a renderizar la plantilla, pero los mismos rasgos no aparecen en el elemento de cuenta atrás cuando vuelvo a hacer clic en él.

artf

Almacenar y cargar datos como JSON, no HTML. Busca en los problemas cómo almacenar/cargar datos para más informació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.

#106725 de abril de 2018por phucphanJaneto3 respuestas
Reacciones 0

Grapesjs se vuelve nulo cuando permite script

Hola @artf Inicialicé grapesjs sin script permit. He importado una cadena html del archivo adjunto (template.zip) y Grapesjs puede mostrarla correctamente Pero cuando permito un script por 'allowScripts: 1' en el código de init e importo la cadena html anterior. Grapesjs no muestra nada y no puedo usar ningún grapesjs...

artf

¿Puedes hacer una demo en directo en jsfiddle?

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

phucphanJaneto

Hola, @artf Perdón por responder tarde. Aquí tienes: https://jsfiddle.net/oq58jk1p/6/ Actualmente, comento la frase "allowScript: 1" en el jsfiddle. Cuando hagas la prueba, por favor vuelve a abrir esto. Gracias.

Explora todos los temas