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

#6136 de diciembre de 2017por ShepelE2 respuestas
Reacciones 0

¿Cómo puedo añadir texto a PanelManager?

¡Hola, artf! Gracias por grapesjs. Por favor, ayudadme. Necesito que un título se muestre arriba, como un botón o un elemento de texto sencillo.

artf

@ShepelE simplemente usar JS '''js grapesjs.init({ ... }); console.log(document.getElementById('gjs-pn-commands')); ... ```

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.

#6126 de diciembre de 2017por vishal50332 respuestas
Reacciones 0

Urgente: Duplicar otros bloques cuando se use un gestor de activos personalizado

Hola, Hemos modificado el gestor de Assset con uno personalizado. Pero ahora tenemos problemas. Si dejamos una imagen en el lienzo y luego añadimos cualquier otro componente, se duplicará ese componente. Si añadimos otra imagen, entonces se tripletaría otro componente. ¿Puedes ayudarnos, por favor? A continuación se m...

artf

Si solo obtienes componentes duplicados cuando usas tu Gestor de Activos personalizado, deberías comprobar cómo asignas el src, no puedo ayudarte má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.

#6116 de diciembre de 2017por absolution543212 respuestas
Reacciones 0

Mejora: Guardar formulario, reutilizarlo cuando sea necesario

#I No sé si esto existe o no, ¿es posible crear un formulario, guardarlo y reutilizarlo sin pegarlo en la pantalla de importación? Actualmente hay una pantalla de importación donde se puede pegar un código HTML, lo cual es una tarea innecesaria Podemos ofrecer al usuario la opción de arrastrar y soltar formularios gua...

artf

Hola, @absolution54321 es algo que deberías poder implementar tú mismo, utiliza Blocks API '''js Solo un ejemplo, en un componente seleccionado haces clic en algún sitio... 'Guardar elemento', y const selected = editor.getSelected(); edito...

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.

#6106 de diciembre de 2017por duskhacker3 respuestas
Reacciones 8

Insertar/editar enlaces es difícil

Solo puedes insertarlos en lugares concretos, y ponerlos "en línea" es imposible. Por "en línea" me refiero a; Estoy escribiendo una línea de texto y quiero poner un enlace ahí, con algunas palabras resaltadas que son el enlace, y continuar con las palabras de la línea. Esta es una acción muy típica y GrapesJS simplem...

ryandeba

Hola @duskhacker, Estoy de acuerdo en que insertar/editar enlaces no es tan intuitivo como me gustaría, y actualmente estoy trabajando en personalizarlo a través de un plugin. Aquí tienes un breve resumen de lo que estoy haciendo, dime si...

artf

Hola @lahdekorpi creo que algo así debería funcionar '''js Resultado: RTE => { Utiliza un atributo personalizado para encontrar el componente más adelante rte.insertHTML('<span data-selectme>${rte.selection()}</span>'); const sel = editor....

artf

@YevhenShashnin actualizado el ejemplo a medida que las funciones de habilitación/desactivación del RTE se volvieron asíncronas.

#6096 de diciembre de 2017por duskhacker3 respuestas
Reacciones 0

La edición CSS duplica propiedades del cuerpo

Sigue duplicando secciones y propiedades del cuerpo: Cuando lo subo, esto es lo que parece: <img width="472" alt="captura de pantalla 2017-12-05 a las 6 22 12 pm" src="https://user-images.githubusercontent.com/72599/33638098-039c6746-d9ea-11e7-896e-5169febac6f3.png"> Luego lo edito eliminando la primera sección del se...

artf

Hola Daniel, simplemente elimina el protectedCss por defecto '''js grapesjs.init({ ... protegidoCss: '', }) ```

duskhacker

@artf ¡Gracias!

duskhacker

@artf hablé demasiado pronto. Si elimino el CSS protegido por defecto como mencionaste, entonces la sección del cuerpo y todo lo que hay en ella desaparece...

#6085 de diciembre de 2017por niutech3 respuestas
Reacciones 2

Versión de escritorio

¿Te importaría añadir una versión de escritorio para Windows, como Pingendo o Pinegrow, con abrir y guardar archivos en disco? Podrías usar NW.js para eso. ¡Gracias!

niutech

Acabo de hacer una versión inicial de GrapesJS Desktop usando NW.js. ¿Alguien quiere contribuir?

Areahints

apoyado, como editor con un potencial increíble para diseñadores de GUI, resulta sorprendentemente difícil de usar o de "instanciar"

artf

Actualmente no estoy en mi lista de prioridades, pero sé que ya había alguien más trabajando en ello https://github.com/Immortalin/Merlot

#6075 de diciembre de 2017por fabianomiranda3 respuestas
Reacciones 0

Nuevo elemento de barra de herramientas

Hola. Soy de Brasil y siento el mal inglés. ¿Cómo creo un nuevo botón con un evento personalizado en la barra de herramientas en relación con el elemento seleccionado? Igual ao que remove o elemento seleccionado.

ShepelE

No entiendo algunas palabras, pero si quieres eliminar un elemento seleccionado, puedes usar SelectionManager: ! 25 Si necesitas crear un botón nuevo, puedes usar https://github.com/artf/grapesjs/wiki guía aquí: crear panel, luego botón, y...

fabianomiranda

Muchas gracias por responder. Quiero crear un nuevo botón en la barra de herramientas al seleccionar un elemento.

artf

Hola Fabiano, mira aquí por favor #266

#6054 de diciembre de 2017por Deepak8133 respuestas
Reacciones 0

Cómo podemos guardar HTML

Cómo podemos guardar HTML sin usar editor.getHtml() y reemplazar la función. Ya que cuando usamos esto en la subida de imágenes, se elimina el elemento de vídeo HTML existente. Por favor, ayúdanos a guardar datos de imágenes y vídeo de forma dinámica usando backbone u otra solución.

ateshuseyin

Puedes crear tu propio storage para gestionar datos completos en el editor (html, css, assets, etc.) La parte HTML solo contiene enlaces de recursos (imagen, vídeo, etc.). Si quieres que los datos se suban, deberías anular el método upload...

Deepak813

Hola @ateshuseyin, Gracias por el mensaje. No sé cómo crear nuestro propio almacenamiento. Por favor, explícame cómo hacerlo, ya que estoy en medio de estas tareas y no puedo avanzar más. editor.replace(); Actualiza el HTML completo del na...

artf

@Deepak813 este es un argumento muy debatido, así que solo busca en números (por ejemplo, #597)

#6044 de diciembre de 2017por AH1N13 respuestas
Reacciones 0

Disparador tras retirar el componente

Chicos, necesito activar alguna acción después de eliminar los componentes del editor. ¿Hay alguna forma de hacerlo? ¿O tengo que escribir mi propio desencadenante?

ateshuseyin

No hay ningún evento relacionado con tu requisito. Puedes anular fácilmente el comando 'tlb-delete'. He creado un sandbox para ti https://codesandbox.io/s/k2yoxjjr95. Si quieres manejar componentes eliminados programáticamente, no sé cómo...

AH1N1

Eso es exactamente lo que he estado buscando :) ¡Gracias! Escribí 'después', pero debería haber escrito 'cuando' ;)

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.

#6034 de diciembre de 2017por krunal0392 respuestas
Reacciones 1

Rasgos condicionales

¿Hay alguna forma de tener rasgos condicionales? Si su componente actual es un vídeo de YouTube, entonces ¿tienes algunos rasgos? Y si el vídeo no es de YouTube, entonces muestra otros rasgos.

ryandeba

Hola @krunal039, El componente de vídeo parece hacer esto ya en cierta medida; véase aquí. Si quieres personalizar aún más los rasgos, probablemente podrías hacer algo así (código no probado, pero copiado y modificado de algo similar que y...

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