Cómo evitar que los elementos arrastren dentro del editor
Empieza leyendo esto: https://grapesjs.com/docs/modules/Components.html luego comprueba todas las propiedades disponibles en Componentes: https://grapesjs.com/docs/api/component.html
Lee la respuesta completa abajo ↓Pregunta
Hola @artf Lo estás haciendo muy bien con grapesjs y es extremadamente útil hacer que nuestra funcionalidad sea más fácil de usar. Gracias por crear una biblioteca de código abierto tan increíble.
Quiero saber si quiero evitar el arrastre de todo el contenido html como div, ul, li, etc., ¿cómo podría? Supongo que solo necesito añadir algo de configuración cuando inicialice 'grapesjs.init({ .... })`.
En realidad estoy proporcionando contenido HTML por defecto como plantilla predeterminada y en esa plantilla/diseño predeterminado el usuario puede editar y lanzar su propia web. Entonces, tengo una página en mi plantilla y quiero evitar que el usuario no pueda cambiar el diseño pero que el usuario pueda añadir un nuevo componente.
También probé con la opción 'nativeDnD' pero parece que no me funciona.
¿Podríais ayudarme a saber cómo puedo arreglar esta funcionalidad?
Respuestas (3)
Empieza leyendo esto: https://grapesjs.com/docs/modules/Components.html luego comprueba todas las propiedades disponibles en Componentes: https://grapesjs.com/docs/api/component.html
Hola @artf Tengo una división cuya clase es como 'testing' y quiero restringir los ítems hijos de esta división con la clase 'testing', ¿cómo puedo hacerlo?
¿Alguien puede ayudarme a aclararlo? Gracias de antemano.
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.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1499
[Pregunta] ¿Es posible realizar manipulación de doms a través del script de contenido del bloque?
¡Eh! Antes que nada, muchas gracias por construir una herramienta tan buena y versátil. ¿Es posible que pueda manipular los elementos domin...
Issue #1931
[Pregunta]: ¿Cómo insertar una imagen dentro del enlace?
Hola @artf, ¿Cómo puedo insertar una imagen dentro del enlace? Por favor, compartid vuestras ideas sobre lo que necesito hacer. Si necesito...
Issue #1239
Cómo hacer que el texto de los ajustes sea multilingüe
Hola @artf, Hemos integrado la configuración de cada elemento con el nombre de sus elementos usando el código de abajo como AJUSTES DE TÍTU...
Issue #1293
Envío del formulario de contacto
Hola, artf Gracias por tu gran trabajo. Me gustaría integrar este gran editor con Angular. Integré este Angular 6 y funciona bien. Pero ten...
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.