@innovastudio/contentbox 1.1.8 → 1.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -38,7 +38,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.0.85",
+    "@innovastudio/contentbuilder": "^1.0.86",
     "axios": "^0.21.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",

package/public/contentbox/contentbox.esm.js

@@ -1667,6 +1667,21 @@ class SideBar {
                     var googleFonts = result[0].googleFonts;
                     var contentCss = result[0].contentCss;
                     var contentClass = result[0].contentClass;
+
+                    //To Tailwind
+                    if (framework == 'tailwind') {
+                        html = html.replace(new RegExp(' container', 'g'), ' container');
+                        html = html.replace(new RegExp('row clearfix', 'g'), 'flex flex-col md:flex-row');
+                        html = html.replace(new RegExp('column full', 'g'), 'w-full px-4');
+                        html = html.replace(new RegExp('column half', 'g'), 'w-full md:w-6/12 px-4');
+                        html = html.replace(new RegExp('column third', 'g'), 'w-full md:w-4/12 px-4');
+                        html = html.replace(new RegExp('column fourth', 'g'), 'w-full md:w-3/12 px-4');
+                        html = html.replace(new RegExp('column fifth', 'g'), 'w-full md:w-2/12 px-4'); //not needed
+                        html = html.replace(new RegExp('column sixth', 'g'), 'w-full md:w-2/12 px-4');
+                        html = html.replace(new RegExp('column two-third', 'g'), 'w-full md:w-8/12 px-4');
+                        html = html.replace(new RegExp('column two-fourth', 'g'), 'w-full md:w-9/12 px-4');
+                        html = html.replace(new RegExp('column two-sixth', 'g'), 'w-full md:w-10/12 px-4');
+                    }
                                 
                     //To Bootstrap
                     if (framework == 'bootstrap') {
@@ -73026,6 +73041,11 @@ class ContentBuilder {
       this.opts.cols = ['col-md-1', 'col-md-2', 'col-md-3', 'col-md-4', 'col-md-5', 'col-md-6', 'col-md-7', 'col-md-8', 'col-md-9', 'col-md-10', 'col-md-11', 'col-md-12'];
       this.opts.colequal = [];
       this.opts.colsizes = [];
+    } else if (this.opts.framework === 'tailwind') {
+      this.opts.row = 'flex flex-col md:flex-row';
+      this.opts.cols = ['w-full md:w-1/12 px-4', 'w-full md:w-2/12 px-4', 'w-full md:w-3/12 px-4', 'w-full md:w-4/12 px-4', 'w-full md:w-5/12 px-4', 'w-full md:w-6/12 px-4', 'w-full md:w-7/12 px-4', 'w-full md:w-8/12 px-4', 'w-full md:w-9/12 px-4', 'w-full md:w-10/12 px-4', 'w-full md:w-11/12 px-4', 'w-full px-4'];
+      this.opts.colequal = [];
+      this.opts.colsizes = [];
     } else if (this.opts.framework === 'foundation') {
       this.opts.row = 'row';
       this.opts.cols = ['large-1 columns', 'large-2 columns', 'large-3 columns', 'large-4 columns', 'large-5 columns', 'large-6 columns', 'large-7 columns', 'large-8 columns', 'large-9 columns', 'large-10 columns', 'large-11 columns', 'large-12 columns'];
@@ -73746,10 +73766,10 @@ class ContentBuilder {
       }
     }
 
-    this.builder.cleanHtmlFormatting = true;
+    this.cleanHtmlFormatting = true;
     let outputHtml = htmlutil.readHtml(area); //for view=false
 
-    this.builder.cleanHtmlFormatting = false;
+    this.cleanHtmlFormatting = false;
     return outputHtml;
   } // ContentBox