Cómo eliminar el elemento selector de color del árbol DOM
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)
Por ahora no veo otra forma de quitarlo si no es manualmente
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1439
Eliminar imágenes del lienzo/LS cuando se eliminan del AM
Subo una imagen con el gestor de recursos, que almacena la imagen en el servidor. Selecciono la imagen para insertar en el lienzo y la alma...
Issue #1370
Necesito cambiar el selector de ID dinámico de Grapes Js.
No es un problema, necesito ayuda. He integrado Grapes J con Drupal 8, para estilizar elementos de Drupal. No quiero que el selector de id...
Issue #3252
¿Quita getHtml() la propiedad de estilo en línea?
Estaba trasteando con formas de cambiar el estilo de los elementos dentro del lienzo y me di cuenta de que al usar el rasgo color-selecter...
Issue #2313
[BUG] Los scripts no funcionan cuando se añaden dinámicamente a iframe <head>
Estoy usando la última versión de grapesjs (0.15.8) y la uso en Windows 10 x64 en Electron (esto no es un problema con electron) y me encue...
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.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
Preset DevFuture 2.0 — New Update Released
Preset continues evolving as a clean, production-ready starting point for building visual editors powered by GrapesJS
Tutorial
How Much Can You Earn on GJS.Market in a Month?
Discover how DevFuture earns €2,000+ monthly on GJS.Market — and learn how you can start building and selling your own GrapesJS plugins.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.