@innovastudio/contentbuilder 1.4.143 → 1.4.144

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.143",
+  "version": "1.4.144",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -11277,6 +11277,9 @@ class UndoRedo {
       let wrapper = this.builder.doc.querySelector(this.builder.opts.page);
       // return htmlutil.readHtml(wrapper, false);
       return wrapper.innerHTML;
+    } else if (this.builder.docContainer) {
+      let docContainer = this.builder.doc.querySelector(this.builder.docContainer);
+      return docContainer.innerHTML;
     } else {
       const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
       let html = '';
@@ -11337,12 +11340,18 @@ class UndoRedo {
 
       // Use createContextualFragment() to make embedded script executable
       // https://ghinda.net/article/script-tags/
-      var range = document.createRange();
+      let range = document.createRange();
       wrapper.innerHTML = '';
       wrapper.appendChild(range.createContextualFragment(html));
 
       // applyBehavior (in ContentBox, unUndo will call pageSetup/applyBehavior)
       this.cleaning(wrapper);
+    } else if (this.builder.docContainer) {
+      let docContainer = this.builder.doc.querySelector(this.builder.docContainer);
+      let range = document.createRange();
+      docContainer.innerHTML = '';
+      docContainer.appendChild(range.createContextualFragment(html));
+      this.cleaning(docContainer);
     } else {
       const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
       let n = 0;
@@ -46771,7 +46780,7 @@ class Image$1 {
       }
       imageTool.style.top = top + 'px';
       imageTool.style.left = toolLeft + 'px';
-      if (!this.builder.activeImage.hasAttribute('data-noresize')) {
+      if (!this.builder.activeImage.hasAttribute('data-noresize') && (this.builder.imageResizeOnBlock || !this.builder.activeImage.closest('.is-block'))) {
         let imageResizer = this.imageResizer;
         imageResizer.style.top = top + 'px';
         imageResizer.style.left = left + 'px';
@@ -46855,7 +46864,7 @@ class Image$1 {
         imageTool.style.left = toolLeft + 'px';
 
         // Image Resizer
-        if (!elm.hasAttribute('data-noresize')) {
+        if (!elm.hasAttribute('data-noresize') && (this.builder.imageResizeOnBlock || !elm.closest('.is-block'))) {
           let imageResizer = this.imageResizer;
 
           /*
@@ -75504,6 +75513,7 @@ class ContentBuilder {
       toolbar: 'top',
       toolbarDisplay: 'auto',
       shortenHTML: true,
+      imageResizeOnBlock: true,
       simpleEditingBreakpoint: '970px',
       // iframe only