Issue #2476💬 RespondidoAbierto el 27 de diciembre de 2019por obrazkowReacciones 0

Cómo eliminar el elemento selector de color del árbol DOM

Respuesta rápidapor artf

Por ahora no veo otra forma de quitarlo si no es manualmente

Lee la respuesta completa abajo ↓

Pregunta

Cuando se añaden dinámicamente sectores con propiedad de tipo color y después eliminan (sector), el selector de color no lo elimina del árbol DOM. ¿Cómo puedo desacoplarlo? Me preocupa que haya fugas de memoria si lo borro manualmente.

Quiero decir elemento

<div class="sp-contenedor sp-oculto sp-luz sp-input-desactivado sp-alpha-activado sp-paleta-botones-desactivado sp-inicial-desactivado gjs-one-bg gjs-two-color">
    <div class="sp-palette-container">...</div>
    <div class="sp-picker-container">...</div>
</div>

Después de inicializar la propiedad de múltiples tiempos con el color de tipo que tengo en el árbol de domos

<div class="sp-contenedor sp-oculto sp-light sp-input-desactivado sp-alpha-activado sp-palette-buttons-desactivado sp-inicial-desactivado gjs-one-bg gjs-two-color"></div>
<div class="sp-contenedor sp-oculto sp-light sp-input-desactivado sp-alpha-activado sp-palette-buttons-desactivado sp-inicial-desactivado gjs-one-bg gjs-two-color"></div>
<div class="sp-contenedor sp-oculto sp-light sp-input-desactivado sp-alpha-activado sp-palette-buttons-desactivado sp-inicial-desactivado gjs-one-bg gjs-two-color"></div>
<div class="sp-contenedor sp-oculto sp-light sp-input-desactivado sp-alpha-activado sp-palette-buttons-desactivado sp-inicial-desactivado gjs-one-bg gjs-two-color"></div>

¿O quizá existe otra forma de usar sectores dinámicos?

export const removeSector = (styleManager, sectorId) => {
    StyleManager
        .getSector(sectorId)
        .get('propiedades')
        .modelos
        .forEach(property => styleManager.removeProperty(sectorId, property.id));

styleManager.removeSector(sectorId);
};

importar {removeSector} de "path/to/function";

export default (styleManager) => {
    return {
        addSector: () => {
            StyleManager
                .addSector('border',{
                    nombre: 'Borde de Botones',
                    Abierto: Cierto,
                    Propiedades: [
                        {
                            nombre: 'Peso',
                            propiedad: 'ancho de frontera',
                            tipo: 'entero',
                            Unidades: [],
                            Unidad: 'PX',
                            min: 0,
                            por defecto: 0,
                        },
                        {
                            nombre: 'Radius',
                            propiedad: 'radio de frontera',
                            tipo: 'entero',
                            Unidades: [],
                            Unidad: 'PX',
                            min: 0,
                            por defecto: 0,
                        },
                        {
                            nombre: 'Color',
                            propiedad: 'color del borde',
                            Tipo: 'color',
                        }
                    ]
                })
                .off('change:open')
        },
        removeSector: () => {
            removeSector (styleManager, 'borde');
        }
    }
}

Respuestas (1)

artf2 de enero de 2020

Por ahora no veo otra forma de quitarlo si no es manualmente

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.