Problemas con GrapesJS

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

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)

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.

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.

NorthstarTech

https://github.com/ryandeba/grapesjs-html-block. Echa un vistazo a este plugin. Nos ayudó a escribir nuestro propio bloque que ofrece una función similar pero con HTML.

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.

ryandeba

Hola @Deepak813, Esto no me parece realmente un componente de vídeo si dejas que los usuarios introduzcan el código iframe que quieran. Si el componente te permite introducir "iframe code" personalizado, parece que también les permitiría i...

Deepak813

Hola @ryandeba, Gracias por el mensaje. El escenario exacto en el tipo HTML personalizado en vídeo es muy sencillo. Si el usuario introduce cualquier HTML que no sea iframe, entonces mostraremos el mensaje de error tal y como se muestra en...

ryandeba

Gracias por los detalles adicionales @Deepak813 creo que ahora tengo una idea más clara de lo que intentas conseguir. Aun así, me interesaría ver un ejemplo si tienes uno disponible. Mientras tanto, pensaré en cómo lograrlo.

artf

Hola @attaalive añadiré la posibilidad de ajustar la altura de los dispositivos en la próxima versión. Sinceramente, no entiendo a qué te refieres con 'su propiedad de margen del editor no funciona'.

attaalive

Hola, gracias por tu respuesta. He añadido un dispositivo con anchura y altura. He dado el tamaño del dispositivo en pulgadas en lugar de píxeles. Ahora el margen, el relleno y el posicionamiento no funcionan. Por favor, vea la captura de...

artf

@attaalive puedes dar un ejemplo en directo (por ejemplo, jsfiddel)? Tu captura de pantalla es ambigua sobre qué es exactamente lo que no funciona

artf

'3. Arrastrar de vuelta al panel de bloques' Sinceramente, nunca había visto ese tipo de UX... ¿por qué no el clásico 'Esc'? (que ya funciona)

artf

@Geczy Now Blocks soportan https://github.com/artf/grapesjs/releases/tag/v0.13.5 HTML5 D&D ! arrastrar y soltar

Geczy

Este es un UX muy común en cualquier sitio donde vayas https://w3c.github.io/html/editing.html#drag-and-dropSea como sea que se implemente, las operaciones de arrastrar y soltar deben tener un punto de partida (por ejemplo, donde se hizo c...

DeathStapler

Así que cuando pongo la lista: 'contentTypeJson: cierto,' resultando en: Ahora puedo cargar desde la base de datos. Pero ahora no guarda porque envía los datos en JSON. ¿Cómo puedo enviar los datos como variables POST, pero recibirlos como...

artf

@shareefhiasat aquí explico cómo usarlos https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates

duskhacker

@DeathStapler Así es como es el mío: Lo que me llama la atención al principio es que los assets, componentes y estilos deberían ser arrays, tienes cadenas vacías. El 'Tipo de Contenido' es correcto.

fguslinski

Hola, he solucionado esto usando la siguiente configuración: 'grapesjs.init({ ColorPicker: { appendTo: 'padre', Desplazamiento: { arriba: 26, izquierda: -166, }, }, })` Quizá tengas que ajustar la posición superior e izquierda, porque yo c...

swarnat

Tuve exactamente el mismo problema y, gracias a tu consejo sobre ColorPicker.js pude solucionarlo. Como dice artf, el cálculo de posición es incorrecto cuando el editor aparece con una ventana emergente, como en bootstrap modal. Así que he...

artf

¿Puedes dar un ejemplo en tiempo real del problema? (jsfiddle, codepen, etc.)