style changed to text next page issue

dist/assets/a-doc-editor.css

@@ -111,7 +111,7 @@
 .a-doc-editor .body .scrolling-area canvas.page {
     background: #f3f3f3;
     margin-bottom: 10px;
-    /* width: 100%; */
+    width: 100%;
     box-shadow: 4px 0px 10px 4px rgba(0, 0, 0, 0.4);
 }
 

dist/assets/a-doc-editor.js

@@ -12,7 +12,7 @@ var ADocEditor = function (customConfig) {
         element: "",
         pageSetup: {
             width: 210,
-            height: 297,
+            height: 210,
         },
         format: {
             background: "#fff",
@@ -21,14 +21,14 @@ var ADocEditor = function (customConfig) {
             fontSize: 10,
         },
         style: {
-            fontSize: 10,
+            fontSize: 70,
             fontFamily: 'Arial',
             bold: false,
             italic: false,
             fontColor: "#1e1f77"
         },
     }
-    var config = null;
+    var config = JSON.parse( JSON.stringify( defaultConfig ) );
     var canvasList = []
     const dataTypes = [
         "paragraph", // simple text filled line by line
@@ -39,13 +39,7 @@ var ADocEditor = function (customConfig) {
             id: ++counter,
             type: 0,
             plainContent: "",
-            style: {
-                fontSize: 10,
-                fontFamily: 'Arial',
-                bold: false,
-                italic: false,
-                fontColor: "#1e1f77"
-            }
+            style: { ...config.style }
         }
     ]
 
@@ -56,9 +50,9 @@ var ADocEditor = function (customConfig) {
         intervalDuration: 800,
         blink: false,
         canvasIndex: 0,
-        caretSize: 10,
-        x: 0,
-        y: 21,
+        caretSize: config.style.fontSize,
+        x: config.style.margin,
+        y: 3*config.style.fontSize/4,
     }
     var renderInProgress = false;