Skip to content

A
a-doc-editor
Commit ee5d9a4e by ramdayalmunda
Options

loadExternalContent completed

parent c1a38610
Showing with 46 additions and 2548 deletions
dist/assets/a-doc-editor.js
...@@ -20,28 +20,18 @@ var ADocEditor = function (customConfig) { ...@@ -20,28 +20,18 @@ var ADocEditor = function (customConfig) {
fontFamily: 'Arial', fontFamily: 'Arial',
bold: false, bold: false,
italic: false, italic: false,
fontColor: "#0007" fontColor: "#1e1f77"
}, },
} }
var config = null; var config = null;
var canvasList = [] var canvasList = []
var dataSet = [ var dataSet = [
{ { id: 1, plainContent: "" }
id: `${++counter}`,
type: "text",
plainContent: "Did you ever hear about the Great Ice Age or the Pleistocene Epoch? Less than one million years ago, in fact, some 12,000 years ago, an ice sheet many thousands of feet thick rode over Burke Mountain in a southeastward direction.",
},
// {
// id: `${++counter}`,
// type: "text",
// plainContent: "Did you ever hear about the Great Ice Age or the Pleistocene Epoch? Less than one million years ago, in fact, some 12,000 years ago, an ice sheet many thousands of feet thick rode over Burke Mountain in a southeastward direction."
// }
] ]
var caretData = { var caretData = {
activeData: dataSet[0], activeData: dataSet[0],
index: dataSet[0].plainContent.length, index: 0,
interval: null, interval: null,
intervalDuration: 800, intervalDuration: 800,
blink: false, blink: false,
...@@ -77,6 +67,7 @@ var ADocEditor = function (customConfig) { ...@@ -77,6 +67,7 @@ var ADocEditor = function (customConfig) {
} }
function reRenderPages(dataList, blinking = false) { function reRenderPages(dataList, blinking = false) {
console.log('rendering', dataList)
if (renderInProgress) return if (renderInProgress) return
renderInProgress = true renderInProgress = true
...@@ -88,15 +79,18 @@ var ADocEditor = function (customConfig) { ...@@ -88,15 +79,18 @@ var ADocEditor = function (customConfig) {
// to clear the canvases // to clear the canvases
for (let i = 0; i < canvasList.length; i++) { for (let i = 0; i < canvasList.length; i++) {
let ctx = canvasList[i].getContext('2d', { willReadFrequently: true }) let ctx = canvasList[i].getContext('2d', { willReadFrequently: true })
ctx.save()
ctx.clearRect(0, 0, canvasList[i].width, canvasList[i].height) ctx.clearRect(0, 0, canvasList[i].width, canvasList[i].height)
ctx.fillStyle = config.format.background ctx.fillStyle = config.format.background
ctx.fillRect(0, 0, canvasList[i].width, canvasList[i].height) ctx.fillRect(0, 0, canvasList[i].width, canvasList[i].height)
ctx.restore()
} }
for (let i = 0; i < dataList.length; i++) { for (let i = 0; i < dataList.length; i++) {
let canvas = canvasList[canvasIndex] let canvas = canvasList[canvasIndex]
canvas.setAttribute("tabIndex", -1) canvas.setAttribute("tabIndex", -1)
renderText(canvas, dataList[i]) renderText(canvas, dataList[i])
x = 0;
if (dataList[i].id == caretData.activeData.id) { if (dataList[i].id == caretData.activeData.id) {
caretData.canvasIndex = canvasIndex; caretData.canvasIndex = canvasIndex;
...@@ -123,16 +117,19 @@ var ADocEditor = function (customConfig) { ...@@ -123,16 +117,19 @@ var ADocEditor = function (customConfig) {
let style = { ...config.style, ...dataSet?.style?.[i] } let style = { ...config.style, ...dataSet?.style?.[i] }
if (i==0){
y += style.fontSize
}
ctx.save() ctx.save()
ctx.font = `28px Arial` ctx.font = `${style.fontSize}px ${style.fontFamily}`
ctx.fillStyle = '#0007' ctx.fillStyle = style.fontColor
let charWidth = ctx.measureText(dataSet.plainContent[i]).width let charWidth = ctx.measureText(dataSet.plainContent[i]).width
ctx.restore() ctx.restore()
dataSet.formatedText[i] = { dataSet.formatedText[i] = {
char: dataSet.plainContent[i], char: dataSet.plainContent[i],
width: charWidth, width: charWidth,
x: x, x: x,
y: y+style.fontSize, y: y,
...style, ...style,
} }
x+= charWidth x+= charWidth
...@@ -154,6 +151,7 @@ var ADocEditor = function (customConfig) { ...@@ -154,6 +151,7 @@ var ADocEditor = function (customConfig) {
for (let i=0; i<dataSet.formatedText.length; i++){ for (let i=0; i<dataSet.formatedText.length; i++){
ctx.save() ctx.save()
ctx.font = `${dataSet.formatedText[i].fontSize}px ${dataSet.formatedText[i].fontFamily}` ctx.font = `${dataSet.formatedText[i].fontSize}px ${dataSet.formatedText[i].fontFamily}`
console.log('dataSet.formatedText[i].fontColor', dataSet.formatedText[i].fontColor)
ctx.fillStyle = dataSet.formatedText[i].fontColor ctx.fillStyle = dataSet.formatedText[i].fontColor
ctx.fillText(dataSet.formatedText[i].char, dataSet.formatedText[i].x, dataSet.formatedText[i].y) ctx.fillText(dataSet.formatedText[i].char, dataSet.formatedText[i].x, dataSet.formatedText[i].y)
ctx.restore() ctx.restore()
...@@ -173,8 +171,10 @@ var ADocEditor = function (customConfig) { ...@@ -173,8 +171,10 @@ var ADocEditor = function (customConfig) {
function renderCaret() { function renderCaret() {
let ctx = canvasList[caretData.canvasIndex].getContext('2d', { willReadFrequently: true }) let ctx = canvasList[caretData.canvasIndex].getContext('2d', { willReadFrequently: true })
let activeTextData = caretData.activeData.formatedText[caretData.index-1] let activeTextData = caretData.activeData.formatedText[caretData.index-1]
let rectX = activeTextData.x+activeTextData.width; let rectX = activeTextData?.x+activeTextData?.width;
let rectY = activeTextData.y-activeTextData.fontSize; let rectY = activeTextData?.y-activeTextData?.fontSize;
rectX = rectX?rectX:0
rectY = rectY?rectY:0
let rectWidth = 2; let rectWidth = 2;
let rectHeight = caretData.caretSize; let rectHeight = caretData.caretSize;
...@@ -206,12 +206,12 @@ var ADocEditor = function (customConfig) { ...@@ -206,12 +206,12 @@ var ADocEditor = function (customConfig) {
function onFocusHandler(e) { function onFocusHandler(e) {
focusedCanvas = e.target focusedCanvas = e.target
caretData.blink = false caretData.blink = false
reRenderPages(dataList) reRenderPages(dataSet)
} }
function onBlurHandler(e) { function onBlurHandler(e) {
focusedCanvas = null focusedCanvas = null
caretData.blink = true caretData.blink = true
reRenderPages(dataList) reRenderPages(dataSet)
} }
...@@ -255,7 +255,7 @@ var ADocEditor = function (customConfig) { ...@@ -255,7 +255,7 @@ var ADocEditor = function (customConfig) {
else if (e.keyCode == 40) { }// down key else if (e.keyCode == 40) { }// down key
else { } // unhandled cases else { } // unhandled cases
reRenderPages(dataList) reRenderPages(dataSet)
clearInterval(caretData.interval) clearInterval(caretData.interval)
caretData.interval = setInterval(() => { caretData.interval = setInterval(() => {
caretData.blink = !caretData.blink caretData.blink = !caretData.blink
...@@ -276,9 +276,20 @@ var ADocEditor = function (customConfig) { ...@@ -276,9 +276,20 @@ var ADocEditor = function (customConfig) {
function destory() { function destory() {
clearInterval(caretData.interval) clearInterval(caretData.interval)
} }
return {
var returnObj = {
destory, destory,
loadContent: function(data){
console.log('to load', JSON.parse( JSON.stringify( dataSet)))
dataSet = JSON.parse( JSON.stringify(data) )
console.log('new Data', JSON.parse( JSON.stringify( dataSet)))
caretData.activeData = null
caretData.activeData = dataSet[0]
caretData.index = dataSet[0].plainContent.length
reRenderPages(dataSet)
},
} }
return returnObj
} }
......
dist/randomDataSet.js
var tempDocData = [ var tempDocData = [
{ {
"id": "1", id: `1`,
"type": "text", type: "text",
"plainContent": "Did you ever hear about the Great Ice Age or the Pleistocene Epoch? Less than one million years ago, in fact, some 12,000 years ago, an ice sheet many thousands of feet thick rode over Burke Mountain in a southeastward direction.", plainContent: "Did you ever hear about the Great Ice Age or the Pleistocene Epoch? Less than one million years ago, in fact, some 12,000 years ago, an ice sheet many thousands of feet thick rode over Burke Mountain in a southeastward direction.",
"formatedText": [
{ },
"char": "D", // {
"style": { // id: `2`,
"fontSize": 28, // type: "text",
"fontFamily": "Arial", // plainContent: "The drug seekers would come into the emergency room and scream about how much pain they were in. When you told them that you would start elevating their pain with Tylenol or Advil instead of a narcotic they became nasty and combative. They would start telling you what drug and dose they had to have to make their pain tolerable.",
"bold": false,
"italic": false, // },
"fontColor": "#0007"
},
"width": 20.220703125
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "d",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "y",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "u",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "v",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "b",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "u",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "G",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 21.779296875
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "I",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "c",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "A",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 18.67578125
},
{
"char": "g",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "P",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 18.67578125
},
{
"char": "l",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "c",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "E",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 18.67578125
},
{
"char": "p",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "c",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "?",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "L",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "m",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 23.32421875
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "l",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "l",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "y",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "g",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": ",",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "f",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "c",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": ",",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "m",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 23.32421875
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "1",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "2",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": ",",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "0",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "0",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "0",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "y",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "g",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": ",",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "c",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "m",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 23.32421875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "y",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "u",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "d",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "f",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "f",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "c",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "k",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "d",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "v",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "B",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 18.67578125
},
{
"char": "u",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": "k",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "M",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 23.32421875
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "u",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "u",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "h",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "s",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "w",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 20.220703125
},
{
"char": "a",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": "d",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": " ",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "d",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "r",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 9.32421875
},
{
"char": "e",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "c",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 14
},
{
"char": "t",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
},
{
"char": "i",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 6.220703125
},
{
"char": "o",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": "n",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 15.572265625
},
{
"char": ".",
"style": {
"fontSize": 28,
"fontFamily": "Arial",
"bold": false,
"italic": false,
"fontColor": "#0007"
},
"width": 7.779296875
}
]
}
] ]
export { export {
......
dist/script.js
import { tempDocData } from "./randomDataSet.js" import { tempDocData } from "./randomDataSet.js"
!(async function(){ !(async function(){
let editor = new ADocEditor({ element: document.getElementById("user-container-for-editor") }) let editor = new ADocEditor({ element: document.getElementById("user-container-for-editor") })
editor.loadContent(tempDocData)
})() })()
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment