@innovastudio/contentbox 1.4.48 → 1.4.50

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.4.48",
+  "version": "1.4.50",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.3.54",
+    "@innovastudio/contentbuilder": "^1.3.55",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -1003,10 +1003,10 @@ class SideBar {
     const builderStuff = this.builderStuff;
     let html;
 
-    if (this.builder.actualHTML) {
-      html = this.builder.html();
-    } else {
+    if (this.builder.shortenHTML) {
       html = this.builder.html(true); //For View
+    } else {
+      html = this.builder.html();
     }
 
     builderStuff.querySelector('#inpViewHtml').value = html;
@@ -1035,10 +1035,10 @@ class SideBar {
 
     let html;
 
-    if (this.builder.actualHTML) {
-      html = this.builder.html();
-    } else {
+    if (this.builder.shortenHTML) {
       html = this.builder.html(true); //For View
+    } else {
+      html = this.builder.html();
     }
 
     builderStuff.querySelector('#inpViewHtml').value = html;
@@ -90942,7 +90942,9 @@ class ContentBuilder {
   }
 
   handleCellKeydown(col, e) {
+    this.oriLen = col.textContent.length; // get character length
     // Cleanup unwanted span
+
     let spans = col.querySelectorAll('span');
     Array.prototype.forEach.call(spans, span => {
       span.setAttribute('data-keep', '');
@@ -91446,13 +91448,27 @@ class ContentBuilder {
     // jQuery('.cell-active').find('.elm-active').removeClass('elm-active');
     // jQuery("#divElementTool").css("display", "none"); //force hide ellement tool
     // Call onChange to indicate content change
+    // this.opts.onChange();
+    // console.log(this.oriLen,col.textContent.length);
 
 
-    this.opts.onChange(); // Hide element highlight & tool during typing
+    if (this.oriLen !== col.textContent.length) {
+      // check if typing produce/reduce a character
+      this.typing();
+    } // Hide element highlight & tool during typing
+
 
     this.elmTool.hide();
   }
 
+  typing() {
+    // console.log('typing');
+    if (this.timeoutId) clearTimeout(this.timeoutId);
+    this.timeoutId = setTimeout(() => {
+      this.opts.onChange();
+    }, 2000);
+  }
+
   handleCellPaste() {
     this.uo.saveForUndo();
     const util = this.util;
@@ -98044,7 +98060,7 @@ class ContentBox {
       absolutePath: false,
       maxEmbedImageWidth: 1600,
       zoom: 0.6,
-      actualHTML: false,
+      shortenHTML: true,
       contentStyleWithSample: false,
       contentSizes: [300, 320, 340, 360, 380, 400, 420, 440, 460, 480, 500, 520, 540, 560, 580, 600, 620, 640, 660, 680, 700, 720, 740, 760, 780, 800, 820, 840, 860, 880, 900, 920, 940, 960, 970, 980, 1000, 1020, 1040, 1050, 1060, 1080, 1100, 1120, 1140, 1160, 1180, 1200, 1220, 1240, 1260, 1280, 1300, 1320, 1340, 1360, 1380, 1400, 1420, 1440, 1460, 1480, 1500, 1520, 1540, 1560, 1580, 1600, 1620, 1640, 1660, 1680, 1700, 1720, 1740, 1760, 1780, 1800, 1820, 1840, 1860, 1880, 1900, 1920, 1940, 1960, 1980, 2000, 2020, 2040, 2060, 2080, 2100, 2120, 2140, 2160, 2180, 2200, 2220, 2240, 2260, 2280, 2300, 2320, 2340, 2360, 2380, 2400, 2420, 2440, 2460, 2480, 2500, 2520, 2540, 2560, 2580, 2600, 2620, 2640, 2660, 2680, 2700],
       contentStyles: {