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

#68025 de diciembre de 2017por z1lk3 respuestas
Reacciones 2

Fallos en DOM/componentes al editar clases/ajustes

Me encontré con esto mientras desarrollaba un plugin. Lo he reproducido en la demo oficial a través de Browserstack en otro sistema operativo y navegador, así que estoy bastante seguro de que hay un error aquí. Pasos exactos para reproducir:Carga la demo, limpia el lienzo (icono de la papelera) y actualiza la página p...

artf

Gracias @z1lk confirmo el problema en la demo, pero el error detrás de esto ya se solucionó gracias al #661. El parche estará disponible en la próxima versión

artf

Debería arreglarse ahora https://github.com/artf/grapesjs/releases/tag/v0.12.58

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.

#67923 de diciembre de 2017por z1lk2 respuestas
Reacciones 0

Categorizar Rasgos similares a los Bloques

Estoy construyendo el plugin Bootstrap y tengo una lista creciente de ajustes de utilidad para prácticamente todos los componentes. Si además le sumas ajustes específicos de componentes y ARIA, el panel de Ajustes se vuelve bastante apretado. ¿Podemos tener la capacidad de categorizar los ajustes en "colapsos" como co...

artf

Gracias @z1lk por la sugerencia, tiene mucho sentido pero no estoy seguro de copiar cosas, me gustaría evitar repetir el código, probablemente tendría sentido crear una vista abstracta que haga lo mismo y que podamos usar en otros puntos

artf

Cerrando esto en favor de https://github.com/GrapesJS/grapesjs/issues/1806

#67823 de diciembre de 2017por suchithmahadi3 respuestas
Reacciones 0

Se busca ayuda

Hola, 2 consultas: 1) Cómo añadir un LOGO, como en la página web de la demostración. ! captura de pantalla 2017-12-23 a las 18:13:32 2) Cómo mover el gestor de bloques, el Style Manager del lado derecho al lado izquierdo. ! captura de pantalla 2017-12-23 a las 18:14:05 Gracias.

artf

@suchithmahadi GrapesJS solo viene con una interfaz predeterminada que puedes cambiar fácilmente con JS y CSS

suchithmahadi

@artf Gracias por la respuesta, al menos si puedes sugerir dónde exactamente cambiar será de ayuda. Gracias.

JulyanoF

@suchithmahadi algo así como '$('.fa-th-grande').remove();' Puedes ponerlo después de uvapesjs init

#67723 de diciembre de 2017por mingodad2 respuestas
Reacciones 0

Escape html

¡Hola! He notado varios fallos al escapar de html a través de grapesjs, algunos de ellos se pueden arreglar con este https://github.com/artf/grapesjs/pull/676 pull request, pero sigo teniendo problemas con el html insertado al inicio. En el ejemplo que sigue el primer <pre> no se renderiza correctamente y necesi...

artf

Como ya se mencionó aquí, tenemos que crear un nuevo Componente para '<pre>', ya que escapar de todo no es una opció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.

#67422 de diciembre de 2017por nestor91sanchez2 respuestas
Reacciones 1

Componentes personalizados no guardan

Mis componentes personalizados no se guardan en el editor de wrappers, al actualizar la página el editor carga todos los componentes menos el mío. El inspector web muestra un div vacío. <img width="531" alt="captura de pantalla 2017-12-22 a las 3:14:08" src="https://user-images.githubusercontent.com/2053807/34309887-d...

afotey

Si te refieres a que tu contenido generado se guarde y persista al actualizarse, prueba esto: 'var editor = grapesjs.init({ contenedor: '#gjs', storageManager: { Tipo: 'Ninguno' id: 'gjs-', // Identificador de prefijo que se usará dentro d...

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.

#67322 de diciembre de 2017por crazyxhz3 respuestas
Reacciones 1

¿Cómo renderizar el Gestor de bloques fuera del contenedor?

Soy nuevo en esta gran biblioteca y parece muy ordenada y limpia, PERO aquí está el problema que tengo. Estoy teniendo GJS renderizado en el centro y quiero renderizar el gestor de bloques y otros paneles y botones en un componente de interfaz de terceros. ¿Cómo puedo hacer eso? ! imagen

lorrandavid

@crazyxhz después de la nueva versión v0.14.5 ahora es posible renderizar el gestor de bloques fuera del editor principal. Puedes lograr el resultado deseado así: No sé si está documentado, pero puedes encontrar más información sobre ello...

artf

Hola @crazyxhz actualmente no es posible conseguirlo mediante configuración, pero es algo que me gustaría mejorar. Actualmente, como solución temporal, puedes mover paneles vía js una vez que se renderizan; para el gestor de bloques tienes...

artf

Gracias @lorrandavid por señalarlo, este asunto ya se puede cerrar

#67222 de diciembre de 2017por mingodad3 respuestas
Reacciones 2

Falta la opción para borrar opciones de estilo

¡Hola! En varias opciones de estilo no hay forma de borrar o restablecer varias opciones como:Font-family : Si seleccionamos una fuente para experimentar y decidimos que no queremos ningún personalizado, no hay forma de restablecerla.Dimensiones-Ancho: Si experimentamos con algún valor y no queremos ningún valor perso...

artf

Hola @mingodad en realidad hay una opción que permite borrar valores, pero sigue siendo un trabajo en progreso (hay que lidiar mejor con tipos compuestos). '''js grapesjs.init({ ... StyleManager: { clearProperties: cierto, ... } }) ```

artf

@benvmatheson '''js const sm = editor. StyleManager; sm.getConfig().clearProperties = 1; sm.render(); ```

afotey

Un tutorial estilo SCSS estaría bien

#67022 de diciembre de 2017por tlatforlz2 respuestas
Reacciones 0

Cómo se establece la imagen en el componente

Hola @artf, Obtengo una imagen de componente, gracias a getComponent API. ¿Cómo puedo configurar una Imagen en el Activo en este componente? Busco más en el documento pero no encuentro. Gracias por el gran marco.

artf

Hola @tlatforlz tienes que actualizar el 'src' del componente '''js imageComponent.set('src', 'https://.../image.jpg'); ```

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.

#66922 de diciembre de 2017por TWCM2 respuestas
Reacciones 0

¿Alguna forma de usar clase para controlar la propiedad data-gjs-{property}?

Hola @artf, ¿alguna forma de usar clase para controlar la propiedad data-gjs? Por ejemplo, añado una clase "no copiable" a elemento, entonces el componente cambia automáticamente la propiedad copiable a falsa, permitiendo que el usuario no pueda copiar el elemento en el editor.

artf

Puedes aprovechar Eventos '''js editor.on('component:add', model => { const cls = model.getAttributes()['class']; cls == 'no copiable' && model.set('copiable', 0); }) ```

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.

#66822 de diciembre de 2017por TWCM2 respuestas
Reacciones 0

Cuando no esté disponible seleccionar un elemento, sugiere pasar el cursor y hacer clic en evento seleccionará el padre disponible.

Hola @artf, ¿puedo tener una mejora para el comando de selección? Cuando el cursor haga clic o pase el cursor sobre el elemento que no es seleccionable, entonces la selección salte al elemento disponible? Como el elemento no está disponible para seleccionar, y no se puede hacer nada en él, sugiero que pase el cursor y...

TWCM

Hola @artf, Estoy intentando ayudar con esta mejora. Pero no estoy seguro de si estoy en lo correcto, por favor ayudadnos a verificarlo.

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