@innovastudio/contentbuilder 1.4.130 → 1.4.132
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
|
@@ -1853,7 +1853,6 @@ class Util {
|
|
|
1853
1853
|
const dom = this.dom;
|
|
1854
1854
|
const html = `
|
|
1855
1855
|
<input type="text" class="style-helper-input" style="display:none;">
|
|
1856
|
-
<label class="style-helper-label" style="display:none;"></label>
|
|
1857
1856
|
<button class="style-helper-button-classic classic" style="display:none;"><svg><use xlink:href="#ion-code-working"></use></svg></button>
|
|
1858
1857
|
<select class="style-helper-select" style="display:none;"><option value=""></option></select>
|
|
1859
1858
|
|
|
@@ -1901,7 +1900,6 @@ class Util {
|
|
|
1901
1900
|
return window.getComputedStyle(btn.querySelector('svg'), null).getPropertyValue('fill');
|
|
1902
1901
|
};
|
|
1903
1902
|
const inp = this.builder.builderStuff.querySelector('.style-helper-input');
|
|
1904
|
-
const lbl = this.builder.builderStuff.querySelector('.style-helper-label');
|
|
1905
1903
|
const sel = this.builder.builderStuff.querySelector('.style-helper-select');
|
|
1906
1904
|
const btnClassic = this.builder.builderStuff.querySelector('.style-helper-button-classic');
|
|
1907
1905
|
this.builder.styleModalColor = getVal('.modal-color', 'background-color');
|
|
@@ -1946,9 +1944,6 @@ class Util {
|
|
|
1946
1944
|
this.builder.styleInputBorderBottom = window.getComputedStyle(inp, null).getPropertyValue('border-bottom');
|
|
1947
1945
|
this.builder.styleInputColor = window.getComputedStyle(inp, null).getPropertyValue('color');
|
|
1948
1946
|
|
|
1949
|
-
// Label (ex. used in 'Search & Replace' plugin)
|
|
1950
|
-
this.builder.styleLabelColor = window.getComputedStyle(lbl, null).getPropertyValue('color');
|
|
1951
|
-
|
|
1952
1947
|
// Button Classic (ex. used in 'Search & Replace' plugin)
|
|
1953
1948
|
this.builder.styleButtonClassicBackground = window.getComputedStyle(btnClassic, null).getPropertyValue('background-color');
|
|
1954
1949
|
this.builder.styleButtonClassicColor = window.getComputedStyle(btnClassic, null).getPropertyValue('color');
|
|
@@ -3598,7 +3593,7 @@ class Dom {
|
|
|
3598
3593
|
}
|
|
3599
3594
|
}
|
|
3600
3595
|
let blocks = [];
|
|
3601
|
-
const blockElms = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'div', 'pre', 'td', 'th'];
|
|
3596
|
+
const blockElms = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'div', 'pre', 'td', 'th', 'li'];
|
|
3602
3597
|
elements.forEach(item => {
|
|
3603
3598
|
const tagName = item.tagName.toLowerCase();
|
|
3604
3599
|
if (blockElms.includes(tagName)) {
|
|
@@ -14477,7 +14472,11 @@ class Draggable$1 {
|
|
|
14477
14472
|
const elms = document.querySelectorAll(this.opts.selector);
|
|
14478
14473
|
Array.prototype.forEach.call(elms, elm => {
|
|
14479
14474
|
elm.setAttribute('draggable', '');
|
|
14480
|
-
|
|
14475
|
+
|
|
14476
|
+
// elm.addEventListener('touchstart', this.dragStart, false);
|
|
14477
|
+
elm.addEventListener('touchstart', this.dragStart, {
|
|
14478
|
+
passive: true
|
|
14479
|
+
});
|
|
14481
14480
|
elm.addEventListener('touchend', this.dragEnd, false);
|
|
14482
14481
|
elm.addEventListener('mousedown', this.dragStart, false);
|
|
14483
14482
|
elm.addEventListener('mouseup', this.dragEnd, false);
|
|
@@ -46984,7 +46983,7 @@ class ButtonEditor {
|
|
|
46984
46983
|
<div class="flex flex-row">
|
|
46985
46984
|
<div class="flex flex-col" style="margin-right: 40px;">
|
|
46986
46985
|
<div>
|
|
46987
|
-
<
|
|
46986
|
+
<span>${util.out('Background Color')}</span>:
|
|
46988
46987
|
</div>
|
|
46989
46988
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
46990
46989
|
<button title="${util.out('Background Color')}" class="bg-color-command" style="width:45px;height:40px;border:rgb(0 0 0 / 6%) 1px solid;margin-right:4px"></button>
|
|
@@ -46993,7 +46992,7 @@ class ButtonEditor {
|
|
|
46993
46992
|
|
|
46994
46993
|
<div class="flex flex-col">
|
|
46995
46994
|
<div>
|
|
46996
|
-
<
|
|
46995
|
+
<span>${util.out('Text Color')}</span>:
|
|
46997
46996
|
</div>
|
|
46998
46997
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
46999
46998
|
<button title="${util.out('Text Color')}" class="text-color-command" style="width:45px;height:40px;border:rgb(0 0 0 / 6%) 1px solid;margin-right:4px"></button>
|
|
@@ -47001,7 +47000,7 @@ class ButtonEditor {
|
|
|
47001
47000
|
</div>
|
|
47002
47001
|
<div class="flex flex-col" style="margin-left: 60px;">
|
|
47003
47002
|
<div>
|
|
47004
|
-
<
|
|
47003
|
+
<span>${util.out('Width')}</span>:
|
|
47005
47004
|
</div>
|
|
47006
47005
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47007
47006
|
<button title="${util.out('Auto')}" data-command="auto" class="width-command" style="margin-right:4px">${util.out('Auto')}</button>
|
|
@@ -47013,7 +47012,7 @@ class ButtonEditor {
|
|
|
47013
47012
|
<div class="flex flex-row" style="margin:15px 0 0">
|
|
47014
47013
|
<div class="flex flex-col" style="margin-right: 40px;">
|
|
47015
47014
|
<div>
|
|
47016
|
-
<
|
|
47015
|
+
<span>${util.out('Border Color')}</span>:
|
|
47017
47016
|
</div>
|
|
47018
47017
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47019
47018
|
<button title="${util.out('Transparent')}" data-command="transparent" class="border-color-command" style="margin-right:4px">${util.out('Transparent')}</button>
|
|
@@ -47023,7 +47022,7 @@ class ButtonEditor {
|
|
|
47023
47022
|
|
|
47024
47023
|
<div class="flex flex-col">
|
|
47025
47024
|
<div>
|
|
47026
|
-
<
|
|
47025
|
+
<span>${util.out('Border Thickness')}</span>:
|
|
47027
47026
|
</div>
|
|
47028
47027
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47029
47028
|
<button title="${util.out('No Border')}" data-command="0" class="border-width-command" style="margin-right:4px">${util.out('No Border')}</button>
|
|
@@ -47036,7 +47035,7 @@ class ButtonEditor {
|
|
|
47036
47035
|
<div class="flex flex-row" style="margin:15px 0 0">
|
|
47037
47036
|
<div class="flex flex-col" style="margin-right: 20px;">
|
|
47038
47037
|
<div>
|
|
47039
|
-
<
|
|
47038
|
+
<span>${util.out('Padding Left/Right')}</span>:
|
|
47040
47039
|
</div>
|
|
47041
47040
|
<div class="flex flex-row" style="margin-top:5px">
|
|
47042
47041
|
<button title="2" data-command="2" class="paddingx-command" style="margin-right:4px">2</button>
|
|
@@ -47055,7 +47054,7 @@ class ButtonEditor {
|
|
|
47055
47054
|
|
|
47056
47055
|
<div class="flex flex-col" style="display:none">
|
|
47057
47056
|
<div>
|
|
47058
|
-
<
|
|
47057
|
+
<span>${util.out('Padding Y')}</span>:
|
|
47059
47058
|
</div>
|
|
47060
47059
|
<div class="flex flex-row" style="margin-top:5px">
|
|
47061
47060
|
<button title="0" data-command="0" class="paddingy-command" style="margin-right:4px">0</button>
|
|
@@ -47071,7 +47070,7 @@ class ButtonEditor {
|
|
|
47071
47070
|
<div class="flex flex-row" style="margin:15px 0 0">
|
|
47072
47071
|
<div class="flex flex-col" style="margin-right: 20px;">
|
|
47073
47072
|
<div>
|
|
47074
|
-
<
|
|
47073
|
+
<span>${util.out('Padding Top')}</span>:
|
|
47075
47074
|
</div>
|
|
47076
47075
|
<div class="flex flex-row" style="margin-top:5px">
|
|
47077
47076
|
<button title="0" data-command="0" class="paddingtop-command" style="margin-right:4px">0</button>
|
|
@@ -47085,7 +47084,7 @@ class ButtonEditor {
|
|
|
47085
47084
|
|
|
47086
47085
|
<div class="flex flex-col">
|
|
47087
47086
|
<div>
|
|
47088
|
-
<
|
|
47087
|
+
<span>${util.out('Padding Bottom')}</span>:
|
|
47089
47088
|
</div>
|
|
47090
47089
|
<div class="flex flex-row" style="margin-top:5px">
|
|
47091
47090
|
<button title="0" data-command="0" class="paddingbottom-command" style="margin-right:4px">0</button>
|
|
@@ -47100,7 +47099,7 @@ class ButtonEditor {
|
|
|
47100
47099
|
|
|
47101
47100
|
<div class="flex flex-col" style="margin:15px 0 0">
|
|
47102
47101
|
<div>
|
|
47103
|
-
<
|
|
47102
|
+
<span>${util.out('Border Radius')}</span>:
|
|
47104
47103
|
</div>
|
|
47105
47104
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47106
47105
|
<button title="${util.out('None')}" data-command="none" class="border-radius-command" style="margin-right:4px">${util.out('None')}</button>
|
|
@@ -47118,7 +47117,7 @@ class ButtonEditor {
|
|
|
47118
47117
|
<div class="flex flex-row" style="margin:15px 0 0">
|
|
47119
47118
|
<div class="flex flex-col" style="margin-right: 20px;">
|
|
47120
47119
|
<div>
|
|
47121
|
-
<
|
|
47120
|
+
<span>${util.out('Margin Left')}</span>:
|
|
47122
47121
|
</div>
|
|
47123
47122
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47124
47123
|
<button title="0" data-command="0" class="ml-command" style="margin-right:4px">0</button>
|
|
@@ -47132,7 +47131,7 @@ class ButtonEditor {
|
|
|
47132
47131
|
|
|
47133
47132
|
<div class="flex flex-col">
|
|
47134
47133
|
<div>
|
|
47135
|
-
<
|
|
47134
|
+
<span>${util.out('Margin Right')}</span>:
|
|
47136
47135
|
</div>
|
|
47137
47136
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47138
47137
|
<button title="0" data-command="0" class="mr-command" style="margin-right:4px">0</button>
|
|
@@ -47148,7 +47147,7 @@ class ButtonEditor {
|
|
|
47148
47147
|
<div class="flex flex-row" style="margin:15px 0 0">
|
|
47149
47148
|
<div class="flex flex-col" style="margin-right: 20px;">
|
|
47150
47149
|
<div>
|
|
47151
|
-
<
|
|
47150
|
+
<span>${util.out('Margin Top')}</span>:
|
|
47152
47151
|
</div>
|
|
47153
47152
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47154
47153
|
<button title="0" data-command="0" class="mt-command" style="margin-right:4px">0</button>
|
|
@@ -47162,7 +47161,7 @@ class ButtonEditor {
|
|
|
47162
47161
|
|
|
47163
47162
|
<div class="flex flex-col">
|
|
47164
47163
|
<div>
|
|
47165
|
-
<
|
|
47164
|
+
<span>${util.out('Margin Bottom')}</span>:
|
|
47166
47165
|
</div>
|
|
47167
47166
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47168
47167
|
<button title="0" data-command="0" class="mb-command" style="margin-right:4px">0</button>
|
|
@@ -47182,7 +47181,7 @@ class ButtonEditor {
|
|
|
47182
47181
|
<div class="flex flex-row">
|
|
47183
47182
|
<div class="flex-col" style="margin-right: 40px;">
|
|
47184
47183
|
<div>
|
|
47185
|
-
<
|
|
47184
|
+
<span>${util.out('Background Color')}</span>:
|
|
47186
47185
|
</div>
|
|
47187
47186
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47188
47187
|
<button title="${util.out('Background Color')}" class="bg-color-hover-command" style="width:45px;height:40px;border:rgb(0 0 0 / 6%) 1px solid;margin-right:4px"></button>
|
|
@@ -47191,7 +47190,7 @@ class ButtonEditor {
|
|
|
47191
47190
|
|
|
47192
47191
|
<div class="flex-col">
|
|
47193
47192
|
<div>
|
|
47194
|
-
<
|
|
47193
|
+
<span>${util.out('Text Color')}</span>:
|
|
47195
47194
|
</div>
|
|
47196
47195
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47197
47196
|
<button title="${util.out('Dark')}" data-command="dark" class="text-color-hover-command" style="margin-right:4px">${util.out('Dark')}</button>
|
|
@@ -47203,7 +47202,7 @@ class ButtonEditor {
|
|
|
47203
47202
|
|
|
47204
47203
|
<div class="flex flex-col" style="margin:15px 0 0">
|
|
47205
47204
|
<div>
|
|
47206
|
-
<
|
|
47205
|
+
<span>${util.out('Border Color')}</span>:
|
|
47207
47206
|
</div>
|
|
47208
47207
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47209
47208
|
<button title="${util.out('Transparent')}" data-command="transparent" class="border-color-hover-command" style="margin-right:4px">${util.out('Transparent')}</button>
|
|
@@ -47217,7 +47216,7 @@ class ButtonEditor {
|
|
|
47217
47216
|
<div class="flex flex-row">
|
|
47218
47217
|
<div class="flex flex-col" style="width:250px;margin-right:40px;">
|
|
47219
47218
|
<div>
|
|
47220
|
-
<
|
|
47219
|
+
<span>${util.out('Font Size')}</span>:
|
|
47221
47220
|
</div>
|
|
47222
47221
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47223
47222
|
<button title="12" data-command="12" class="font-size-command" style="margin-right:4px">12</button>
|
|
@@ -47237,7 +47236,7 @@ class ButtonEditor {
|
|
|
47237
47236
|
|
|
47238
47237
|
<div class="flex flex-col">
|
|
47239
47238
|
<div>
|
|
47240
|
-
<
|
|
47239
|
+
<span>${util.out('Upper/Lower')}</span>:
|
|
47241
47240
|
</div>
|
|
47242
47241
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47243
47242
|
<button title="${util.out('Bold')}" class="textbold-command" style="width:38px;font-family:serif;font-size:14px;text-transform:initial;margin-right:4px">B</button>
|
|
@@ -47250,7 +47249,7 @@ class ButtonEditor {
|
|
|
47250
47249
|
<div class="flex flex-row" style="margin:15px 0 0">
|
|
47251
47250
|
<div class="flex flex-col">
|
|
47252
47251
|
<div>
|
|
47253
|
-
<
|
|
47252
|
+
<span>${util.out('Letter Spacing')}</span>:
|
|
47254
47253
|
</div>
|
|
47255
47254
|
<div class="flex flex-row flex-wrap" style="margin-top:5px">
|
|
47256
47255
|
<button title="0" data-command="normal" class="letter-spacing-command" style="margin-right:4px">0</button>
|
|
@@ -50916,10 +50915,12 @@ class Table {
|
|
|
50916
50915
|
const tableModal = this.tableModal;
|
|
50917
50916
|
if (tableModal.classList.contains('active') && this.builder.activeTable) {
|
|
50918
50917
|
let activeTd = this.builder.activeTd;
|
|
50919
|
-
|
|
50920
|
-
|
|
50921
|
-
|
|
50922
|
-
|
|
50918
|
+
if (activeTd) {
|
|
50919
|
+
tableModal.querySelector('.input-table-bgcolor').style.backgroundColor = activeTd.style.backgroundColor;
|
|
50920
|
+
tableModal.querySelector('.input-table-textcolor').style.backgroundColor = activeTd.style.color;
|
|
50921
|
+
tableModal.querySelector('.input-table-bordercolor').style.backgroundColor = activeTd.style.borderColor;
|
|
50922
|
+
tableModal.querySelector('#selCellBorderWidth').value = parseInt(activeTd.style.borderWidth);
|
|
50923
|
+
}
|
|
50923
50924
|
} else {
|
|
50924
50925
|
tableModal.querySelector('.input-table-bgcolor').style.backgroundColor = '';
|
|
50925
50926
|
tableModal.querySelector('.input-table-textcolor').style.backgroundColor = '';
|
|
@@ -70832,7 +70833,11 @@ class Resizeable {
|
|
|
70832
70833
|
pane.addEventListener('mousedown', onMouseDown);
|
|
70833
70834
|
pane.ownerDocument.addEventListener('mousemove', onMove);
|
|
70834
70835
|
pane.ownerDocument.addEventListener('mouseup', onUp);
|
|
70835
|
-
|
|
70836
|
+
|
|
70837
|
+
// pane.addEventListener('touchstart', onTouchDown);
|
|
70838
|
+
pane.addEventListener('touchstart', onTouchDown, {
|
|
70839
|
+
passive: true
|
|
70840
|
+
});
|
|
70836
70841
|
pane.ownerDocument.addEventListener('touchmove', onTouchMove);
|
|
70837
70842
|
pane.ownerDocument.addEventListener('touchend', onTouchEnd);
|
|
70838
70843
|
const resizing = () => {
|
|
@@ -76938,7 +76943,15 @@ class ContentBuilder {
|
|
|
76938
76943
|
let selectedText = selection.toString().trim();
|
|
76939
76944
|
if (selectedText.length > 0) {
|
|
76940
76945
|
let elm = this.dom.getElm();
|
|
76941
|
-
if (
|
|
76946
|
+
if (this.dom.getStyle(elm, 'display') === 'inline') {
|
|
76947
|
+
elm = elm.closest('li,p,h1,h2,h3,h4,h5,h6,div,pre,td,th,li');
|
|
76948
|
+
if (elm) {
|
|
76949
|
+
if (!this.dom.hasClass(elm.parentNode.parentNode, 'is-builder')) {
|
|
76950
|
+
this.dom.selectElementContents(elm);
|
|
76951
|
+
}
|
|
76952
|
+
}
|
|
76953
|
+
} else {
|
|
76954
|
+
// block
|
|
76942
76955
|
this.dom.selectElementContents(elm);
|
|
76943
76956
|
}
|
|
76944
76957
|
}
|
|
@@ -78442,47 +78455,48 @@ class ContentBuilder {
|
|
|
78442
78455
|
}, 600);
|
|
78443
78456
|
return;
|
|
78444
78457
|
}
|
|
78458
|
+
if (!this.controlPanel) {
|
|
78459
|
+
// Font Family
|
|
78460
|
+
let iframeRte = this.rte.rteFontFamilyOptions.querySelector('iframe');
|
|
78461
|
+
let doc1 = iframeRte.contentWindow.document;
|
|
78445
78462
|
|
|
78446
|
-
|
|
78447
|
-
|
|
78448
|
-
|
|
78449
|
-
|
|
78450
|
-
|
|
78451
|
-
let iframeIcons = this.rte.rteIconOptions.querySelector('iframe');
|
|
78452
|
-
let doc3 = iframeIcons.contentWindow.document;
|
|
78453
|
-
if (doc1.body.innerHTML === '') {
|
|
78454
|
-
doc1.open();
|
|
78455
|
-
if (!this.opts.emailMode) {
|
|
78456
|
-
doc1.write(util.getFontFamilyHTML());
|
|
78457
|
-
} else {
|
|
78458
|
-
doc1.write(util.getFontFamilyEmail());
|
|
78459
|
-
}
|
|
78460
|
-
doc1.close();
|
|
78461
|
-
} else {
|
|
78462
|
-
this.util.refreshFontFamilyStyle1();
|
|
78463
|
-
}
|
|
78464
|
-
const fontModal = this.builderStuff.querySelector('.is-modal.pickfontfamily');
|
|
78465
|
-
if (fontModal) {
|
|
78466
|
-
let iframePanel = fontModal.querySelector('iframe');
|
|
78467
|
-
let doc2 = iframePanel.contentWindow.document;
|
|
78468
|
-
if (doc2.body.innerHTML === '') {
|
|
78469
|
-
doc2.open();
|
|
78463
|
+
// Icons
|
|
78464
|
+
let iframeIcons = this.rte.rteIconOptions.querySelector('iframe');
|
|
78465
|
+
let doc3 = iframeIcons.contentWindow.document;
|
|
78466
|
+
if (doc1.body.innerHTML === '') {
|
|
78467
|
+
doc1.open();
|
|
78470
78468
|
if (!this.opts.emailMode) {
|
|
78471
|
-
|
|
78469
|
+
doc1.write(util.getFontFamilyHTML());
|
|
78472
78470
|
} else {
|
|
78473
|
-
|
|
78471
|
+
doc1.write(util.getFontFamilyEmail());
|
|
78474
78472
|
}
|
|
78475
|
-
|
|
78473
|
+
doc1.close();
|
|
78476
78474
|
} else {
|
|
78477
|
-
this.util.
|
|
78475
|
+
this.util.refreshFontFamilyStyle1();
|
|
78476
|
+
}
|
|
78477
|
+
const fontModal = this.builderStuff.querySelector('.is-modal.pickfontfamily');
|
|
78478
|
+
if (fontModal) {
|
|
78479
|
+
let iframePanel = fontModal.querySelector('iframe');
|
|
78480
|
+
let doc2 = iframePanel.contentWindow.document;
|
|
78481
|
+
if (doc2.body.innerHTML === '') {
|
|
78482
|
+
doc2.open();
|
|
78483
|
+
if (!this.opts.emailMode) {
|
|
78484
|
+
doc2.write(util.getFontFamilyHTML(true));
|
|
78485
|
+
} else {
|
|
78486
|
+
doc2.write(util.getFontFamilyEmail(true));
|
|
78487
|
+
}
|
|
78488
|
+
doc2.close();
|
|
78489
|
+
} else {
|
|
78490
|
+
this.util.refreshFontFamilyStyle2();
|
|
78491
|
+
}
|
|
78492
|
+
}
|
|
78493
|
+
if (doc3.body.innerHTML === '') {
|
|
78494
|
+
doc3.open();
|
|
78495
|
+
doc3.write(this.rte.getIconsHTML());
|
|
78496
|
+
doc3.close();
|
|
78497
|
+
} else {
|
|
78498
|
+
this.rte.refreshIconsStyle();
|
|
78478
78499
|
}
|
|
78479
|
-
}
|
|
78480
|
-
if (doc3.body.innerHTML === '') {
|
|
78481
|
-
doc3.open();
|
|
78482
|
-
doc3.write(this.rte.getIconsHTML());
|
|
78483
|
-
doc3.close();
|
|
78484
|
-
} else {
|
|
78485
|
-
this.rte.refreshIconsStyle();
|
|
78486
78500
|
}
|
|
78487
78501
|
|
|
78488
78502
|
// Snippets (Modal)
|
|
@@ -78933,27 +78947,24 @@ class ContentBuilder {
|
|
|
78933
78947
|
span.setAttribute('data-keep', '');
|
|
78934
78948
|
});
|
|
78935
78949
|
|
|
78936
|
-
//
|
|
78937
|
-
|
|
78938
|
-
|
|
78939
|
-
|
|
78940
|
-
|
|
78941
|
-
|
|
78942
|
-
|
|
78943
|
-
|
|
78944
|
-
|
|
78945
|
-
|
|
78946
|
-
|
|
78947
|
-
|
|
78948
|
-
|
|
78949
|
-
|
|
78950
|
-
|
|
78951
|
-
|
|
78952
|
-
|
|
78953
|
-
|
|
78954
|
-
// });
|
|
78955
|
-
// this.autoclean=true;
|
|
78956
|
-
|
|
78950
|
+
// Cleanup all elements with unwanted style
|
|
78951
|
+
let elms = col.querySelectorAll('[style]');
|
|
78952
|
+
elms.forEach(elm => {
|
|
78953
|
+
let attr = elm.getAttribute('style');
|
|
78954
|
+
if (attr.includes('font-size')) {
|
|
78955
|
+
elm.setAttribute('data-keep-font-size', '');
|
|
78956
|
+
}
|
|
78957
|
+
if (attr.includes('background-color')) {
|
|
78958
|
+
elm.setAttribute('data-keep-background-color', '');
|
|
78959
|
+
}
|
|
78960
|
+
if (attr.includes('background')) {
|
|
78961
|
+
elm.setAttribute('data-keep-background', '');
|
|
78962
|
+
}
|
|
78963
|
+
if (attr.includes('line-height')) {
|
|
78964
|
+
elm.setAttribute('data-keep-line-height', '');
|
|
78965
|
+
}
|
|
78966
|
+
});
|
|
78967
|
+
this.autoclean = true;
|
|
78957
78968
|
if ((e.ctrlKey || e.metaKey) && e.which === 86) ;
|
|
78958
78969
|
if (this.opts.elementSelection && !this.emailMode) {
|
|
78959
78970
|
if ((e.ctrlKey || e.metaKey) && e.which === 65) {
|
|
@@ -79298,61 +79309,42 @@ class ContentBuilder {
|
|
|
79298
79309
|
}
|
|
79299
79310
|
});
|
|
79300
79311
|
|
|
79301
|
-
//
|
|
79302
|
-
|
|
79303
|
-
|
|
79304
|
-
|
|
79305
|
-
|
|
79306
|
-
|
|
79307
|
-
|
|
79308
|
-
|
|
79309
|
-
|
|
79310
|
-
|
|
79311
|
-
|
|
79312
|
-
|
|
79313
|
-
|
|
79314
|
-
|
|
79315
|
-
|
|
79316
|
-
|
|
79317
|
-
|
|
79318
|
-
|
|
79319
|
-
|
|
79320
|
-
|
|
79321
|
-
|
|
79322
|
-
|
|
79323
|
-
|
|
79324
|
-
|
|
79325
|
-
|
|
79326
|
-
|
|
79327
|
-
|
|
79328
|
-
|
|
79329
|
-
|
|
79330
|
-
|
|
79331
|
-
|
|
79332
|
-
|
|
79333
|
-
|
|
79334
|
-
|
|
79335
|
-
|
|
79336
|
-
|
|
79337
|
-
// elms = col.querySelectorAll('[data-keep-font-size]');
|
|
79338
|
-
// Array.prototype.forEach.call(elms, (elm) => {
|
|
79339
|
-
// elm.removeAttribute('data-keep-font-size');
|
|
79340
|
-
// });
|
|
79341
|
-
// elms = col.querySelectorAll('[data-keep-background-color]');
|
|
79342
|
-
// Array.prototype.forEach.call(elms, (elm) => {
|
|
79343
|
-
// elm.removeAttribute('data-keep-background-color');
|
|
79344
|
-
// });
|
|
79345
|
-
// elms = col.querySelectorAll('[data-keep-background]');
|
|
79346
|
-
// Array.prototype.forEach.call(elms, (elm) => {
|
|
79347
|
-
// elm.removeAttribute('data-keep-background');
|
|
79348
|
-
// });
|
|
79349
|
-
// elms = col.querySelectorAll('[data-keep-line-height]');
|
|
79350
|
-
// Array.prototype.forEach.call(elms, (elm) => {
|
|
79351
|
-
// elm.removeAttribute('data-keep-line-height');
|
|
79352
|
-
// });
|
|
79353
|
-
// }
|
|
79354
|
-
// this.autoclean =false;
|
|
79355
|
-
|
|
79312
|
+
// Cleanup all elements with unwanted style
|
|
79313
|
+
if (this.autoclean) {
|
|
79314
|
+
let elms = col.querySelectorAll('[style]');
|
|
79315
|
+
elms.forEach(elm => {
|
|
79316
|
+
let attr = elm.getAttribute('style');
|
|
79317
|
+
if (attr.includes('font-size')) {
|
|
79318
|
+
let attrkeep = elm.hasAttribute('data-keep-font-size');
|
|
79319
|
+
if (!attrkeep) {
|
|
79320
|
+
elm.style.fontSize = '';
|
|
79321
|
+
}
|
|
79322
|
+
}
|
|
79323
|
+
if (attr.includes('background-color')) {
|
|
79324
|
+
let attrkeep = elm.hasAttribute('data-keep-background-color');
|
|
79325
|
+
if (!attrkeep) {
|
|
79326
|
+
elm.style.backgroundColor = '';
|
|
79327
|
+
}
|
|
79328
|
+
}
|
|
79329
|
+
if (attr.includes('background')) {
|
|
79330
|
+
let attrkeep = elm.hasAttribute('data-keep-background');
|
|
79331
|
+
if (!attrkeep) {
|
|
79332
|
+
elm.style.background = '';
|
|
79333
|
+
}
|
|
79334
|
+
}
|
|
79335
|
+
if (attr.includes('line-height')) {
|
|
79336
|
+
let attrkeep = elm.hasAttribute('data-keep-line-height');
|
|
79337
|
+
if (!attrkeep) {
|
|
79338
|
+
elm.style.lineHeight = '';
|
|
79339
|
+
}
|
|
79340
|
+
}
|
|
79341
|
+
});
|
|
79342
|
+
col.querySelectorAll('[data-keep-font-size]').forEach(elm => elm.removeAttribute('data-keep-font-size'));
|
|
79343
|
+
col.querySelectorAll('[data-keep-background-color]').forEach(elm => elm.removeAttribute('data-keep-background-color'));
|
|
79344
|
+
col.querySelectorAll('[data-keep-background]').forEach(elm => elm.removeAttribute('data-keep-background'));
|
|
79345
|
+
col.querySelectorAll('[data-keep-line-height]').forEach(elm => elm.removeAttribute('data-keep-line-height'));
|
|
79346
|
+
}
|
|
79347
|
+
this.autoclean = false;
|
|
79356
79348
|
var el;
|
|
79357
79349
|
// var curr;
|
|
79358
79350
|
try {
|
|
@@ -79419,6 +79411,9 @@ class ContentBuilder {
|
|
|
79419
79411
|
}, 2000);
|
|
79420
79412
|
}
|
|
79421
79413
|
handleCellPaste(clipboardData, clipboardDataHtml) {
|
|
79414
|
+
if (localStorage.getItem('_pasteresult') !== null) {
|
|
79415
|
+
this.opts.paste = localStorage.getItem('_pasteresult');
|
|
79416
|
+
}
|
|
79422
79417
|
this.uo.saveForUndo();
|
|
79423
79418
|
const util = this.util;
|
|
79424
79419
|
util.saveSelection(); //required. Without this, CTRL-A (select element) & CTRL-V won't replace the element, but will paste at the end of the element.
|
|
@@ -79613,25 +79608,31 @@ class ContentBuilder {
|
|
|
79613
79608
|
<span class="size-24">Heading</span>
|
|
79614
79609
|
So, blocks checking below is made to fix it.
|
|
79615
79610
|
*/
|
|
79616
|
-
|
|
79617
|
-
|
|
79618
|
-
if (
|
|
79619
|
-
|
|
79620
|
-
|
|
79621
|
-
|
|
79622
|
-
|
|
79623
|
-
|
|
79624
|
-
|
|
79625
|
-
|
|
79626
|
-
|
|
79627
|
-
|
|
79628
|
-
|
|
79629
|
-
|
|
79630
|
-
|
|
79631
|
-
|
|
79632
|
-
|
|
79633
|
-
|
|
79611
|
+
try {
|
|
79612
|
+
let blockSelection = false;
|
|
79613
|
+
if (selection.toString().trim() !== '') {
|
|
79614
|
+
if (blocks.length === 1) {
|
|
79615
|
+
if (blocks[0].innerText.trim() === selection.toString().trim()) {
|
|
79616
|
+
let range = document.createRange();
|
|
79617
|
+
range.selectNodeContents(blocks[0]);
|
|
79618
|
+
selection.removeAllRanges();
|
|
79619
|
+
selection.addRange(range);
|
|
79620
|
+
blockSelection = true;
|
|
79621
|
+
}
|
|
79622
|
+
}
|
|
79623
|
+
if (!blockSelection) {
|
|
79624
|
+
const container = this.dom.getElm();
|
|
79625
|
+
const sameSelection = container && container.innerText === selection.toString().trim();
|
|
79626
|
+
if (sameSelection || selection.toString().trim() === '') {
|
|
79627
|
+
let range = document.createRange();
|
|
79628
|
+
range.selectNodeContents(container);
|
|
79629
|
+
selection.removeAllRanges();
|
|
79630
|
+
selection.addRange(range);
|
|
79631
|
+
}
|
|
79632
|
+
}
|
|
79634
79633
|
}
|
|
79634
|
+
} catch (e) {
|
|
79635
|
+
// Do Nothing
|
|
79635
79636
|
}
|
|
79636
79637
|
this.doc.execCommand('insertHTML', false, sPastedText);
|
|
79637
79638
|
if (this.activeCol) {
|