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
#62811 de diciembre de 2017por AH1N13 respuestas
Reacciones 3

Excluir componentes del HTML final

¿Existe alguna solución lista para excluir algunos componentes del HTML final? ¿O algún otro mecanismo que haga que los componentes existan solo en la vista?

ryandeba

Hola @AH1N1, ¿Con "html final" te refieres al valor devuelto de 'editor.getHtml()'? ¿Y te refieres a un componente personalizado? Si la respuesta a ambas preguntas es sí, entonces deberías poder sobrescribir el método 'toHTML' de tu compon...

ryandeba

@AH1N1 Aquí tienes un ejemplo de código funcional: https://jsfiddle.net/tt32z2uz/2/. Abre la consola del navegador y deberías ver esto cerrado de sesión: '<div>aquí tienes contenido normal</div><div>... contenido más normal</div>'. ¿Eso te...

artf

Hola @afotey ¿Y si quisiera devolver solo el ID de un div tal como se introdujo en el panel de Configuración de Componentes? El ID asignado desde la configuración de componentes va directamente dentro de 'attributes', así que puedes usar e...

#62711 de diciembre de 2017por hatchwald3 respuestas
Reacciones 1

¿Solo una función predeterminada?

! captura de pantalla-2017-12-13 grapesjs Lo siento, quizá se me olvida leer detalles, pero ¿la función por defecto solo es una (solo bloquear)?

hoainam12k

Puedes usar bloques básicos aquí: https://github.com/artf/grapesjs-blocks-basic (y otros del archivo README)

hatchwald

Intenté encontrar código para esa función, pero todavía no la he encontrado

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.

#62610 de diciembre de 2017por z1lk3 respuestas
Reacciones 0

Colocar HTML no editable alrededor del envoltorio

Mi CMS funciona así: los sitios pueden tener un tema y muchas plantillas bajo ese tema. Los temas se renderizan en cada página y las plantillas solo se renderizan en páginas específicas. He integrado con éxito GrapesJS con mi editor de plantillas existente, pero tengo una pregunta: ¿hay alguna forma de renderizar un t...

z1lk

He trasteado con el código y he hecho un pequeño parche que se adapta a mis necesidades. Una opción de configuración 'surround' te permite especificar un ID, que representa un elemento en el contenedor. Este subárbol DOM se extrae durante...

artf

Genial@z1lk creo que incluso algo así funcionará '''js const canvas = editor. Lienzo; const surround = document.createElement('div'); surround.innerHTML = '<div>Algo de texto</div>'; canvas.getBody().appendChild(surround); surround.appendC...

z1lk

Usé una solución similar a la tuya para no tener que mantener cambios en la fuente de uvas. A veces la posición de las "herramientas" de los componentes está fuera de lugar, como si su desplazamiento vertical se calculara respecto al cuerp...

#62510 de diciembre de 2017por Caimilan3 respuestas
Reacciones 2

Editor.store(); Disparos múltiples

Hola @all, Uso mi código personalizado para detener los datos en el servidor. Todo funciona bien, pero editor.store(); dispara una vez en el primer clic, dos en el segundo, tres veces en el tercer clic... y así sucesivamente. En StorageManager > tipo uso 'remoto'; si uso 'local', el primer clic no tiene efecto. ¿Algui...

artf

Cada vez que llamas a 'save-db' '''js cmdm.add('save-db',{ run: function(editor, sender){ ... Sácalo de tu orden

shareefhiasat

Hazlo así para no conectar oyentes cada vez

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.

#6248 de diciembre de 2017por MuTaToR082 respuestas
Reacciones 0

Elemento no seleccionado

¿Qué debería devolver la función isComponent para que este elemento no pueda seleccionarse en el editor?

artf

Puedes usar la propiedad selectable, así que deberías devolver 'return { type: 'your-type', selectable: false }'

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.

#6238 de diciembre de 2017por krunal0392 respuestas
Reacciones 1

Posición de objetivo inválida: Colección de objetivos no encontrada, objetivo no se puede soltar, acepta [indefinido], componente no arrastrable, aceptable por [indefinido] move @ grapes.min.js:2 endMove @ grapes.min.js:2

No puedo enviar los elementos al editor y tengo el problema de abajo. Posición de objetivo inválida: Colección de objetivos no encontrada, objetivo no se puede soltar, acepta [indefinido], componente no arrastrable, aceptable por [indefinido] Moverse @ grapes.min.js:2 endMove @ grapes.min.js:2

krunal039

Fue un problema de CSS y lo he conseguido resolver al 100% por el ancho

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.

#6228 de diciembre de 2017por HarshOB3 respuestas
Reacciones 0

El editor de imágenes no está cerrado.

Cuando elijo el componente de imagen y no elijo una imagen por primera vez, si abro el editor de imágenes, no se cierra al hacer clic en un botón de cerrar.

artf

@HarshOB no puedo reproducirlo (con la demo actual). ¿Puedes ofrecer una demostración en directo?

HarshOB

Voy a poner un enlace a una demo en directo.

artf

Vale, cierro esto por ahora, pero lo reabriré cuando me des una demo

#6218 de diciembre de 2017por vishal50332 respuestas
Reacciones 0

Segunda barra de herramientas con diferentes botones y posiciones distintas

Hola, Quiero añadir una nueva barra de herramientas similar a la que se muestra cuando se selecciona cualquier objeto en el lienzo (con la funcionalidad de copiar, eliminar, mover), pero que debe mostrarse en diferentes posiciones con distintos botones. ¿Puedes ayudarme, por favor? Gracias

artf

@vishal5033 Dejemos fuera las "Solicitudes de Consultoría Gratuita" en el seguimiento de problemas, gracias

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.

#6207 de diciembre de 2017por xeux3 respuestas
Reacciones 0

Almacenamiento remoto

Estoy intentando usar el almacenamiento remoto pero sin éxito, con los problemas resueltos consigo ajustar todo como mejor es posible, pero los editores no renderizan HTML cargado. GrapesJS: JSON: '{"gjs-css":"", "gjs-html":"<div>HELLO</div>", "gjs-assets":"[]", "gjs-styles":"[]", "gjs-components":"[]"}' Evento de car...

DeathStapler

Tuve problemas similares. Mira el número que he creado. Número #597. Mi problema estaba relacionado con el uso de 'contentTypeJson: true', pero tú ya lo tienes en el tuyo.

artf

GrapesJS parece cargar bien, puse el editor.render() después del init y también dentro del evento de carga para probar. Deberías usar 'editor.render()' solo con 'autorender: 0', así que elimínalo

xeux

@DeathStapler gracias, pude cargar el urlLoad con esa configuración. @artf seguir sin poder renderizar el editor, la consola muestra el urlLoad cargado pero nada en el editor, también en el botón de vista fuente. Estoy usando la última ver...

#6197 de diciembre de 2017por MuTaToR082 respuestas
Reacciones 0

Declaración файл для Typescript

Пишу declaration файл для этой библиотеке. Можете проверить правильность API?

artf

@MuTaToR08 abrir los números solo en inglés, por favor

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