@innovastudio/contentbox 1.2.9 → 1.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.2.9",
+  "version": "1.2.12",
   "type": "module",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
@@ -40,7 +40,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.1.11",
+    "@innovastudio/contentbuilder": "^1.1.14",
     "axios": "^0.21.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",

package/public/contentbox/contentbox.esm.js

@@ -57219,6 +57219,12 @@ class Image {
       elm = imageTool.querySelector('.image-edit');
       dom$A.addEventListener(elm, 'click', () => {
         let img = this.builder.activeImage;
+
+        if (this.builder.onImageEditClick) {
+          let result = this.builder.onImageEditClick(img);
+          if (!result) return;
+        }
+
         util.showModal(modalImageEdit, true);
         let preview = modalImageEdit.querySelector('.imageedit-preview');
         const maxW = 800;
@@ -57241,9 +57247,15 @@ class Image {
         preview.innerHTML = '<img src="" style="max-width:100%;object-fit:contain;height:100%;"/>';
         let imagePreview = modalImageEdit.querySelector('img');
         imagePreview.src = img.src;
-        this.cropper = new Cropper(imagePreview, {
-          zoomable: false
-        });
+
+        if (this.builder.setCropperConfig) {
+          this.cropper = new Cropper(imagePreview, this.builder.setCropperConfig);
+        } else {
+          this.cropper = new Cropper(imagePreview, {
+            zoomable: false
+          });
+        }
+
         document.querySelector('.moveable-control-box').style.display = 'none'; //needed by Safari (prevent z-index problem)
       }); // Set crop proportion
 
@@ -76571,6 +76583,22 @@ class ContentBuilder {
       // onPluginsLoaded: function () { },
       // onImageBrowseClick: function () { },
       // onImageSettingClick: function () { },
+
+      /* 
+      // onImageEditClick: function () { },  // used in elementimage.js
+      // Example:
+      onImageEditClick: (activeImage)=>{
+                   activeImage.setAttribute('crossorigin', 'anonymous');
+           const cropperConfig = {
+              checkCrossOrigin:false,
+              checkOrientation:false,
+              crossOrigin:'anonymous'
+          };
+          builder.setCropperConfig = cropperConfig;
+                   return true;
+      },
+      */
+      // setCropperConfig: {}, // used in elementimage.js
       imageEmbed: true,
       imageselect: '',
       fileselect: '',
@@ -77230,10 +77258,7 @@ class ContentBuilder {
       let target = e.target || e.srcElement;
       if (!target) return;
       let rowClicked;
-      if (target.parentNode) rowClicked = dom$J.hasClass(target.parentNode, 'is-builder');else {
-        console.log(target);
-        console.log(target.parentNode);
-      }
+      if (target.parentNode) rowClicked = dom$J.hasClass(target.parentNode, 'is-builder');
       let containerClicked = dom$J.hasClass(target, 'is-builder');
       let a = false,
           b = false,
@@ -79417,35 +79442,35 @@ class ContentBuilder {
             }
 
             contentword.innerHTML = sPastedText;
-
-            if (this.opts.paste === 'html') {
-              //with styles
-              let elms = contentword.querySelectorAll('*');
-              Array.prototype.forEach.call(elms, elm => {
-                for (let n = 0; n < elm.attributes.length; n++) {
-                  if (elm.attributes[n].name !== 'style') elm.removeAttribute(elm.attributes[n].name);
-                }
-              });
-            } else {
-              //html-without-styles (default)
-              const removeAttributes = element => {
-                while (element.attributes.length > 0) {
-                  element.removeAttribute(element.attributes[0].name);
-                }
-              };
-
-              let elms = contentword.querySelectorAll('*');
-              Array.prototype.forEach.call(elms, elm => {
-                removeAttributes(elm);
-              });
+            /*
+            // remove attributes
+            if(this.opts.paste === 'html'){//with styles
+                 let elms = contentword.querySelectorAll('*');
+                Array.prototype.forEach.call(elms, (elm) => {
+                    for(let n = 0;n<elm.attributes.length;n++) {
+                        if(elm.attributes[n].name!=='style') elm.removeAttribute(elm.attributes[n].name);
+                    }
+                });
+             } else { //html-without-styles (default)
+                
+                const removeAttributes = (element) => {
+                    while (element.attributes.length > 0) {
+                        element.removeAttribute(element.attributes[0].name);
+                    }
+                };
+                let elms = contentword.querySelectorAll('*');
+                Array.prototype.forEach.call(elms, (elm) => {
+                    removeAttributes(elm);
+                });
             }
+            */
+
             /*
             Additional Cleanup:
                 - Remove p inside li
                 - Remove li with white-space: pre
             */
 
-
             let elms = contentword.querySelectorAll('li');
             Array.prototype.forEach.call(elms, elm => {
               elm.style.whiteSpace = '';
@@ -83438,6 +83463,8 @@ class ContentBox {
       onVideoSelectClick: this.settings.onVideoSelectClick,
       onImageBrowseClick: this.settings.onImageBrowseClick,
       onImageSettingClick: this.settings.onImageSettingClick,
+      onImageEditClick: this.settings.onImageEditClick,
+      setCropperConfig: this.settings.setCropperConfig,
       onPluginsLoaded: this.settings.onPluginsLoaded,
       imageselect: this.settings.imageselect,
       fileselect: this.settings.fileselect,