Mover el componente hacia arriba o hacia abajo mediante el botón del panel

Puedes hacer algo así para mover componentes '''js const moveUp = component => { const comp = componente || editor.getSelected(); const parent = comp.parent(); índice const = comp.index();

si (índice > 0) { comp.remove(); parent.append(comp, { at: index - 1 }); } }

const moveDown = component => { const comp = componente || editor.getSelected(); const parent = comp.parent(); índice const = comp.index();

si (index < parent.components().length - 1) { comp.remove(); parent.append(comp, { at: index + 1 }); } }

Hola

Gracias por la respuesta... Pero, ¿cómo añado el botón a la barra de componentes de la barra? He probado los ejemplos en issues/266 pero aquí no funciona. ¿Puedo anular la barra de herramientas en otro archivo para no tener que cambiar los archivos principales?

Descubrí cómo hacerlo. El código que me diste no me funciona.

Intenté añadirlo en un comando, pero no mueve el componente ni hacia arriba ni hacia abajo.

Aquí tienes un ejemplo: si tengo una fila con contenido dentro, entonces necesito mover el contenedor hacia arriba sobre otro contenedor. Espero que me entiendas

comandos: {
    Valores por defecto: [
      {
        ID y RUN son obligatorios en este caso
        id: 'mi-mando',
        run() {
          const moveUp = component => {
          const comp = componente || editor.getSelected();
          const parent = comp.parent();
          índice const = comp.index();

si (índice > 0) {
            comp.remove();
            parent.append(comp, { at: index - 1 });
          }
        }
        },
      }, {
        id: '...',
        // ...
      }
    ],
  },

editor. DomComponents.addType('link', {
    isComponent: el => el.tagName == 'A',
    modelo: {
      Predeterminados: {
        barra de herramientas: [{
        Atributos: {Clase: 'FA FA-Link'},
        Orden: 'Mi-Mando',
      },{
        Atributos: {Clase: 'FA Fa-Clon'},
        Orden: 'TLB-clon',
      }