¿Elementos externos pueden arrastrar y soltar en el lienzo?
Estoy trabajando en relativo y absoluto, ambos te avisarán cuando terminen.
Lee la respuesta completa abajo ↓Pregunta
Hola Artf En realidad no hay ningún problema. Estamos usando grapesjs de una manera diferente. No estamos usando cabeceras ni barras laterales de grapesj, estamos realizando sus funcionalidades, comprando nuestros propios disparadores como deshacer una vista previa, etc. ¿Hay alguna forma de añadir mi propio panel de componentes con encabezados, imágenes, galería, vídeos, vectores, formas, etc., y arrastrar y soltar mis propios elementos en el lienzo de GrapesJ? ! creador de webs
Respuestas (3)
Estoy trabajando en relativo y absoluto, ambos te avisarán cuando terminen.
Hola Umar, GrapesJS soporta HTML5 Drag and Drop nativo, por lo que puedes soltar CUALQUIER tipo de recurso arrastrable (no solo desde el navegador). ! html5-dnd
También puedes ampliar sus capacidades usando eventos 'canvas:*', como 'canvas:dragdata', que te permite definir qué componentes usar en un tipo específico de 'dataTransfer' (por ejemplo, por defecto el editor acepta imágenes y textos, puedes hacer que entienda también cosas como archivos de vídeo y música).
Por cierto, no estás obligado a usar toda la interfaz de GrapesJS, puedes configurarla para que solo use el Lienzo y los Bloques (lo cual es muy útil). Solo tienes que echar un vistazo a este ejemplo https://codepen.io/artf/full/MQpZPj/
Hola Artf, Gracias por la ayuda, lo entendí y uso arrastrar y soltar de la misma manera. has hecho un gran trabajo (Y). Por cierto, ¿qué hay del modo diseñador disponible?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #896
[BUG] Las reglas de consulta de medios son anuladas por las reglas de clase en el lienzo
Hola @artf, He notado un problema mientras probaba una de mis plantillas usando diferentes configuraciones de dispositivos que supuestament...
Issue #1960
[PREGUNTA] Generación dinámica de clases con una plantilla
¡Hola! Me pregunto si hay alguna forma de forzar la generación dinámica de clases (de la forma 'cXXXXX', que ocurre al arrastrar y soltar u...
Issue #1864
[PREGUNTA] ¿La mejor manera de escuchar los cambios en el HTML final?
Hola, Solo tenía una pregunta rápida porque no sabía cómo hacerlo o no encontré ningún problema relacionado. Solo intento llamar a una func...
Issue #1679
Cómo renderizar un componente en el lienzo usando un rasgo.
Hola Artf, gracias por tu gran herramienta, he creado un caso de prueba para mi problema https://js.do/code/271771 He creado una barra late...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.