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

#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

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

#66721 de diciembre de 2017por tlatforlz2 respuestas
Reacciones 0

Pregunta sobre Asset Manager

Hola @artf, Tengo dos preguntas sobre Asset Manager. ¿Cómo puedo establecer una imagen mediante la lógica de selección, lógica actual? Después de subir la imagen, debo seleccionar la imagen en el recurso de la lista? Quiero que después de subir la imagen, la configure en el componente.Cómo puedo recargar el Activo. Es...

artf

Hola @tlatforlz primero echa un vistazo a la página de documentación sobre Assets, que podría ser útil¿Cómo puedo establecer una imagen mediante la lógica actual, después de subir la imagen, debo seleccionar imagen en el activo de la lista...

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.

#66520 de diciembre de 2017por SwithFr3 respuestas
Reacciones 1

Componente personalizado y guardado

¡Perdón, yo otra vez! Estoy intentando guardar mi plantilla con mi nuevo componente "img-link": Pero cuando guardo mi plantilla usando el comando 'gjs-get-inlined-html' (es una plantilla de boletín) no guarda el src de mi imagen. ¿Puedes ayudarme, por favor? '''javascript export default ( editor, config = {} ) => { co...

SeongwoonHong

El problema con src está aquí'''js// vistaeditor.runCommand( 'open-assets', {// el modelo debería ser el que está dentro de IMG-Linkobjetivo: this.model,```Creo que lo que deberías hacer es crear una vista personalizada donde desactives lo...

SwithFr

De hecho, parece que el problema viene del isComponent. Mi componente se detecta con su nombre de clase 'img-link' y el tipo 'img-link' es return y así se vuelve a renderizar.

artf

Mi componente es detectado con su nombre de clase 'img-link' y el tipo 'img-link' es return y así se vuelve a renderizar. 'isComponent' solo se usa cuando se analiza un HTML, así que no estoy seguro de que sea así. ¿Qué se obtiene con un s...

Explora todos los temas