No se puede eliminar el borde del elemento

Hola @kuhelbeher con el nuevo lanzamiento de https://github.com/artf/grapesjs/releases/tag/v0.18.1 esto se puede manejar.

El principal problema aquí es cómo está configurada la propiedad de borde incorporada, que es un tipo compuesto de 'ancho de borde', 'estilo de borde' y 'color del borde'. Eso significa que el editor puede entender estilos como 'borde: 5px rojo sólido' o incluso 'color-borde: rojo; Estilo de Borde: Sólido; Ancho de Borde: 5px;' Pero desafortunadamente, propiedades como 'Borde-Arriba', 'Límite-Inferior', etc., quedan fuera del alcance porque se consideran totalmente diferentes.

La buena noticia es que con la nueva versión puedes gestionar las propiedades integradas y actualizar su comportamiento con accesorios como 'toStyle'/'fromStyle' (disponibles para tipos 'composite' y 'stack'). Así que aquí tienes un ejemplo de cómo forzarías eliminar propiedades alternativas de frontera al cambiar. '''js const extendBorder = (editor) => { editor. StyleManager.addBuiltIn('border', { toStyle(values, { property }) { const propWidth = propiedad.getProperty('border-width'); const width = '${propWidth.getValue()}${propWidth.getUnit()}'; const style = property.getProperty('edge-style').getValue(); const color = propiedad.getProperty('border-color').getValue(); return { 'borde': '${ancho} ${estilo} ${color}', 'Frontera superior': '', 'derecha-frontera': '', 'Frontera-Abajo': '', 'frontera-izquierda': '', } } }); } grapesjs.init({ // ... plugins: [extenderBorder] })

La solución alternativa sería configurar un [nuevo tipo de UI](https://grapesjs.com/docs/modules/Style-manager.html#customization) para gestionar la propiedad de frontera de una forma más avanzada, pero eso sin duda requiere más esfuerzo.

Gracias por informar de esto, @kuhelbeher.

Buena pregunta sobre No se puede eliminar el borde de elemento. El enfoque recomendado con StyleManager es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!