Quiero reemplazar la división de envoltorio

Hola artf,

Quiero reemplazar la división de envoltorios, por ejemplo: Cuando creamos la plantilla del boletín, ya existe el wrapper div ahí. En la plantilla de importación, si existe el wrapper div en importar html, entonces hay que reemplazar el wrapper ya existente por uno nuevo.

¿Es eso posible? A continuación está mi código

var blockManager = editor. Jefe de bloque;
var tipo = 'plantilla';
bm.add(type, {
   etiqueta: 'Prueba',
   categoría: 'Mis plantillas',
   Contenido: {
    Tipo: Tipo,
    contenido: '<div id="wrapper" style="cuadro-dimensionamiento: cuadro de borde; imagen de fondo: url(http://www.test.net/source/MzE=/badlands-dawn-20180314012931.jpg); repetición-fondo: repetir; posición-fondo: arriba izquierda; tamaño-fondo: cover; anexo-fondo: fijo;"><div class="div-box c5389 c6138" style="tamaño: cuadro de borde; margen: 0 auto; ancho máximo: 600px; relleno: 5px 5px 5px 5px 5px; ancho: 100%;"><id/id="id29o6" estilo="tamaño-caja: cuadro de borde;" ><div id="isee9e" style="cuadro-dimensionamiento: cuadro de borde; relleno: 0; margen: 0; vertical-alineado: arriba; pantalla: bloque en línea; ancho: 100%;">
</div></div><h1 class="encabezado" id="iti4ul" style="box-sizing: border-box;">Insertar título aquí</h1><p class="paragraph" id="ik4ktj" style="box-sizing: border-box;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p><h1 class="heading" id="irpqvn" style="box-sizing: border-box;">Inserte título aquí</h1><p class="párrafo" id="ii5irl" style="box-sizing: border-box;" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p><a class="c5561" id="iqlfky" style="cuadro-tamaño: borde-recuadro; tamaño-fuente: 20px; relleno: 10px 25px; color de fondo: #673AB7; color: #fff; text-align: center; borde-radio: 4px; peso-fuente: 300; pantalla: inline-block; margin: 10px;">Texto del botón de enlace</a></div></div>'
   }
  });

var dc = editor. DomComponents;
var defaultType = dc.getType('default');
var defaultModel = defaultType.model;

editor. DomComponents.addType(type, {   
   view: defaultType.view.extend({
    render: función () {
     defaultType.view.prototype.render.apply(esto, argumentos);    
     Aquí aplicas toda tu lógica personalizada
     var content = this.model.attributes.content;
     var wrapperStyle = '';
     si (contenido) {
      var c = $(contenido),
              wrapperId = c.attr('id');
      if (wrapperId == 'wrapper') {
       wrapperStyle = c.attr('style');
       contenido = c[0].innerHTML;
      }
     }
     var ws = wrapperStyle.split(';');
     si (ws) {
      var WC = Editor. DomComponents.getWrapper();
      var wstyles = {};
      para (var i = 0; i < ws.length; i++) {
       var st = ws[i].split(': ');
       st[0] = st[0].trim();
       si (st[0] != 'indefinido' && st[0] != '') {
        wstyles[st[0]] = st[1];
       }
      }
      wc.set({
       Estilo: Wstyles
      });
     }     
     this.model.attributes.content = content;     
     devuelvo esto;
    },
   }),
  });

Después de arrastrar y soltar, no se puede editar @artf