Issue #648💬 RespondidoAbierto el 15 de diciembre de 2017por effectiefReacciones 0

El panel puede ser móvil pero impide moverse, elimina propiedades en los hijos

Respuesta rápidapor artf

Hola @effectief, crea un envoltorio para niños con esa propiedad de 'propagar'

Lee la respuesta completa abajo ↓

Pregunta

Hola,

Fragmento de códigoTEXT
¿Cómo puedo evitar que me muevan o quiten propiedades en los niños?
En este caso (véase el código más abajo) el usuario puede mover el padre (Template_2), pero todos los hijos no pueden moverse. 

Lo probé con '**propagar**', pero estas propiedades también son aplicables al progenitor. 
Necesito una opción para aplicar propiedades específicamente en niños.

'blockManager.add('Template_2', {
etiqueta: 'Plantilla 2',
Contenido: 'lorem ipsem',
});
const domc = editor. DomComponents;
const defaultType = domc.getType('default');
const defaultModel = defaultType.model;
const defaultView = defaultType.view;

domc.addType('Template_2', {
    model: defaultModel.extend(
	{
		por defecto: Object.assign({}, defaultModel.prototype.defaults, 
		{
			Cierto si el componente es extraíble del lienzo
			removible: cierto,
			
Indica si es posible arrastrar el componente dentro de otro
			Consejo: Indica un conjunto de selectores donde pueda dejarse caer dentro
			Arrastrable: Cierto,
			
Indica si es posible dejar caer otros componentes dentro
			Consejo: Indica un conjunto de selectores que puedan caer dentro
			Droppable: Cierto,
			
Configura false si no quieres ver la insignia (con el nombre) sobre el componente
			Badgable: Cierto,
			
Cierto si es posible peinarlo
			Consejo: Indica un array de propiedades CSS que sea posible estilizar
			Estilizado: Cierto,
			
Con resaltados con estilo 'punteado' si es cierto
			Resaltable: Cierto,
			
Cierto si es posible clonar el componente
			Copiable: Cierto,
			
Indica si es posible redimensionar el componente (por ahora solo implementado en Componentes de Imagen)
			redimensionable: falso,
			
Permitir editar el contenido del componente (usado en componentes de texto)
			Editable: Cierto,
			
propagar: ['removible', 'arrastrable', 'droppable', 'editable',]
		}),
	},
	{
		isComponent: función (el)
		{
			
if (el.tagName == 'DIV')
			{
				return {tipo: 'Template_2'};
			}
		},
	}),
	view: defaultView,
});`

Respuestas (2)

artf19 de diciembre de 2017

Hola @effectief, crea un envoltorio para niños con esa propiedad de 'propagar'

Padre // móvil, desmontable, etc
    Envoltorio // con 'propogate', no movible, etc.
        Niño
        Niño
        ...
lock[bot]18 de septiembre de 2019

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.