@innovastudio/contentbox 1.6.111 → 1.6.113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -42544,6 +42544,11 @@ const prepareSvgIcons = builder => {
|
|
|
42544
42544
|
<path d="M7 9l5 -5l5 5"></path>
|
|
42545
42545
|
<path d="M12 4l0 12"></path>
|
|
42546
42546
|
</symbol>
|
|
42547
|
+
<symbol id="icon-sparkles" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
42548
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
|
42549
|
+
<path fill="none" d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6z" />
|
|
42550
|
+
</symbol>
|
|
42551
|
+
</defs>
|
|
42547
42552
|
</svg>`;
|
|
42548
42553
|
builder.dom.appendHtml(builder.builderStuff, html);
|
|
42549
42554
|
};
|
|
@@ -76681,8 +76686,23 @@ class Module {
|
|
|
76681
76686
|
setTimeout(() => {
|
|
76682
76687
|
iframe.style.opacity = '';
|
|
76683
76688
|
}, 1);
|
|
76689
|
+
|
|
76690
|
+
/*
|
|
76691
|
+
// import myText from './myfile.txt?raw';
|
|
76692
|
+
// Replace assets path
|
|
76693
|
+
let moduleContent = '';
|
|
76694
|
+
if(modulename==='form-builder') {
|
|
76695
|
+
moduleContent = TXT_FormBuilder;
|
|
76696
|
+
}
|
|
76697
|
+
moduleContent = moduleContent.replace(/="assets\//g, '="' + this.builder.settings.assetPath);
|
|
76698
|
+
iframe.srcdoc = moduleContent;
|
|
76699
|
+
setTimeout(()=>{
|
|
76700
|
+
iframe.style.opacity = '';
|
|
76701
|
+
}, 1);
|
|
76702
|
+
*/
|
|
76684
76703
|
}
|
|
76685
76704
|
}
|
|
76705
|
+
|
|
76686
76706
|
click(col) {
|
|
76687
76707
|
let custommodule = false;
|
|
76688
76708
|
if (col.hasAttribute('data-module')) {
|
|
@@ -77704,7 +77724,7 @@ class Video {
|
|
|
77704
77724
|
videoModal.querySelector('.input-select').style.display = 'none';
|
|
77705
77725
|
}
|
|
77706
77726
|
let inpSelectVideo = videoModal.querySelector('.input-select');
|
|
77707
|
-
if (inpSelectVideo) dom.addEventListener(inpSelectVideo, 'click', () => {
|
|
77727
|
+
if (inpSelectVideo) dom.addEventListener(inpSelectVideo, 'click', async () => {
|
|
77708
77728
|
if (this.builder.opts.onVideoSelectClick) {
|
|
77709
77729
|
this.builder.opts.onVideoSelectClick({
|
|
77710
77730
|
targetInput: videoModal.querySelector('.input-url'),
|
|
@@ -77713,11 +77733,31 @@ class Video {
|
|
|
77713
77733
|
} else {
|
|
77714
77734
|
let modalVideoSelect = builderStuff.querySelector('.is-modal.videoselect');
|
|
77715
77735
|
let iframe = modalVideoSelect.querySelector('iframe');
|
|
77716
|
-
if (this.builder.opts.
|
|
77717
|
-
|
|
77718
|
-
|
|
77719
|
-
|
|
77720
|
-
|
|
77736
|
+
if (this.builder.opts.assetManagerBasePath) {
|
|
77737
|
+
let src;
|
|
77738
|
+
if (this.builder.opts.assetRefresh) {
|
|
77739
|
+
src = this.builder.opts.videoSelect;
|
|
77740
|
+
}
|
|
77741
|
+
if (iframe.src === 'about:blank') {
|
|
77742
|
+
src = this.builder.opts.videoSelect;
|
|
77743
|
+
}
|
|
77744
|
+
let result = await fetch(src);
|
|
77745
|
+
result = await result.text();
|
|
77746
|
+
result = result.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`);
|
|
77747
|
+
|
|
77748
|
+
// Add base href
|
|
77749
|
+
result = result.replace(/<head>/i, '<head><base href="' + this.builder.opts.assetManagerBasePath + '">');
|
|
77750
|
+
|
|
77751
|
+
// Replace assets path
|
|
77752
|
+
result = result.replace(/="assets\//g, '="' + this.builder.opts.assetPath);
|
|
77753
|
+
iframe.srcdoc = result;
|
|
77754
|
+
} else {
|
|
77755
|
+
if (this.builder.opts.assetRefresh) {
|
|
77756
|
+
iframe.src = this.builder.opts.videoSelect;
|
|
77757
|
+
}
|
|
77758
|
+
if (iframe.src === 'about:blank') {
|
|
77759
|
+
iframe.src = this.builder.opts.videoSelect;
|
|
77760
|
+
}
|
|
77721
77761
|
}
|
|
77722
77762
|
util.showModal(modalVideoSelect, false, () => {
|
|
77723
77763
|
inpSelectVideo.removeAttribute('data-focus');
|
|
@@ -77924,7 +77964,7 @@ class Audio {
|
|
|
77924
77964
|
audioModal.querySelector('.input-select').style.display = 'none';
|
|
77925
77965
|
}
|
|
77926
77966
|
let inpSelectAudio = audioModal.querySelector('.input-select');
|
|
77927
|
-
if (inpSelectAudio) dom.addEventListener(inpSelectAudio, 'click', () => {
|
|
77967
|
+
if (inpSelectAudio) dom.addEventListener(inpSelectAudio, 'click', async () => {
|
|
77928
77968
|
if (this.builder.opts.onAudioSelectClick) {
|
|
77929
77969
|
this.builder.opts.onAudioSelectClick({
|
|
77930
77970
|
targetInput: audioModal.querySelector('.input-url'),
|
|
@@ -77933,11 +77973,31 @@ class Audio {
|
|
|
77933
77973
|
} else {
|
|
77934
77974
|
let modalAudioSelect = builderStuff.querySelector('.is-modal.audioselect');
|
|
77935
77975
|
let iframe = modalAudioSelect.querySelector('iframe');
|
|
77936
|
-
if (this.builder.opts.
|
|
77937
|
-
|
|
77938
|
-
|
|
77939
|
-
|
|
77940
|
-
|
|
77976
|
+
if (this.builder.opts.assetManagerBasePath) {
|
|
77977
|
+
let src;
|
|
77978
|
+
if (this.builder.opts.assetRefresh) {
|
|
77979
|
+
src = this.builder.opts.audioSelect;
|
|
77980
|
+
}
|
|
77981
|
+
if (iframe.src === 'about:blank') {
|
|
77982
|
+
src = this.builder.opts.audioSelect;
|
|
77983
|
+
}
|
|
77984
|
+
let result = await fetch(src);
|
|
77985
|
+
result = await result.text();
|
|
77986
|
+
result = result.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`);
|
|
77987
|
+
|
|
77988
|
+
// Add base href
|
|
77989
|
+
result = result.replace(/<head>/i, '<head><base href="' + this.builder.opts.assetManagerBasePath + '">');
|
|
77990
|
+
|
|
77991
|
+
// Replace assets path
|
|
77992
|
+
result = result.replace(/="assets\//g, '="' + this.builder.opts.assetPath);
|
|
77993
|
+
iframe.srcdoc = result;
|
|
77994
|
+
} else {
|
|
77995
|
+
if (this.builder.opts.assetRefresh) {
|
|
77996
|
+
iframe.src = this.builder.opts.audioSelect;
|
|
77997
|
+
}
|
|
77998
|
+
if (iframe.src === 'about:blank') {
|
|
77999
|
+
iframe.src = this.builder.opts.audioSelect;
|
|
78000
|
+
}
|
|
77941
78001
|
}
|
|
77942
78002
|
util.showModal(modalAudioSelect, false, () => {
|
|
77943
78003
|
inpSelectAudio.removeAttribute('data-focus');
|
|
@@ -93628,7 +93688,7 @@ class Rte {
|
|
|
93628
93688
|
var btn = builder.opts.buttonsMore[j].toLowerCase();
|
|
93629
93689
|
if (btn === 'createlink') html_rtemore += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;else if (btn === 'icon' && !this.builder.opts.emailMode) html_rtemore += `<button tabindex="-1" title="${util.out('Icon')}" class="rte-icon"><svg class="is-icon-flex" style="width:14px;height:14px;margin-top:2px;"><use xlink:href="#ion-android-happy"></use></svg></button>`;else if (btn === 'svg' && !this.builder.opts.emailMode) html_rtemore += `<button tabindex="-1" title="${util.out('SVG')}" class="rte-svg"><svg class="is-icon-flex" style="width:19px;height:19px;margin-top:2px;"><use xlink:href="#icon-svg"></use></svg></button>`;else if (btn === 'removeformat') html_rtemore += `<button tabindex="-1" title="${util.out('Clean')}" class="rte-clean"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg></button>`;else if (btn === 'bold') html_rtemore += `<button tabindex="-1" title="${util.out('Bold')}" class="rte-format" data-command="bold"><span style="font-family:serif;font-size:14px;">B</span></button>`;else if (btn === 'italic') html_rtemore += `<button tabindex="-1" title="${util.out('Italic')}" class="rte-format" data-command="italic"><span style="font-family:serif;font-size:16px;font-style:italic;">i</span></button>`;else if (btn === 'underline') html_rtemore += `<button tabindex="-1" title="${util.out('Underline')}" class="rte-format" data-command="underline"><span style="font-family:serif;font-size:14px;text-decoration:underline;">U</span></button>`;
|
|
93630
93690
|
// else if(btn==='createlink') html_rtemore += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;
|
|
93631
|
-
else if (btn === 'align') html_rtemore += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'list') html_rtemore += `<button tabindex="-1" title="${util.out('List')}" class="rte-list"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-list-bullet"></use></svg></button>`;else if (btn === 'color') html_rtemore += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'formatting') html_rtemore += `<button tabindex="-1" title="${util.out('Formatting')}" class="rte-formatting"><span style="font-family:serif;font-size:15px;display:inline-block;">A</span></button>`;else if (btn === 'tags') html_rtemore += customtag_button;else if (btn === 'image') html_rtemore += `<button tabindex="-1" title="${util.out('Image')}" class="rte-image"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-image"></use></svg></button>`;else if (btn === 'gridtool') html_rtemore += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_rtemore += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_rtemore += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_rtemore += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'formatpara') html_rtemore += `<button tabindex="-1" title="${util.out('Paragraph')}" class="rte-paragraph"><span style="font-family:serif;font-size:14px;display:inline-block;margin-top:2px;">H</span></button>`;else if (btn === 'font') html_rtemore += `<button tabindex="-1" title="${util.out('Font')}" class="rte-fontfamily"><span style="font-family:serif;font-size:18px;text-transform:none;display:inline-block;margin-top: -3px;">a</span></button>`;else if (btn === 'textsettings') html_rtemore += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'undo') html_rtemore += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_rtemore += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_rtemore += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="
|
|
93691
|
+
else if (btn === 'align') html_rtemore += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'list') html_rtemore += `<button tabindex="-1" title="${util.out('List')}" class="rte-list"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-list-bullet"></use></svg></button>`;else if (btn === 'color') html_rtemore += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'formatting') html_rtemore += `<button tabindex="-1" title="${util.out('Formatting')}" class="rte-formatting"><span style="font-family:serif;font-size:15px;display:inline-block;">A</span></button>`;else if (btn === 'tags') html_rtemore += customtag_button;else if (btn === 'image') html_rtemore += `<button tabindex="-1" title="${util.out('Image')}" class="rte-image"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-image"></use></svg></button>`;else if (btn === 'gridtool') html_rtemore += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_rtemore += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_rtemore += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_rtemore += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'formatpara') html_rtemore += `<button tabindex="-1" title="${util.out('Paragraph')}" class="rte-paragraph"><span style="font-family:serif;font-size:14px;display:inline-block;margin-top:2px;">H</span></button>`;else if (btn === 'font') html_rtemore += `<button tabindex="-1" title="${util.out('Font')}" class="rte-fontfamily"><span style="font-family:serif;font-size:18px;text-transform:none;display:inline-block;margin-top: -3px;">a</span></button>`;else if (btn === 'textsettings') html_rtemore += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'undo') html_rtemore += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_rtemore += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_rtemore += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-sparkles"></use></svg></button>`;else if (btn === 'snippets') html_rtemore += `<button tabindex="-1" title="${util.out('Snippets')}" class="rte-snippets"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-snippets"></use></svg></button>`;else if (btn === 'pageoptions') html_rtemore += `<button tabindex="-1" title="${util.out('Page Options')}" class="rte-pageoptions"><svg class="is-icon-flex"><use xlink:href="#icon-pagesize"></use></svg></button>`;else if (btn === 'print') html_rtemore += `<button tabindex="-1" title="${util.out('Print')}" class="rte-print"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-print"></use></svg></button>`;else if (btn === 'zoom') html_rtemore += `<button tabindex="-1" title="${util.out('Zoom')}" class="rte-zoom"><svg class="is-icon-flex" style="margin-top:1px;width:15px;height:15px;"><use xlink:href="#icon-zoom-in"></use></svg></button>`;else if (btn === 'livepreview') html_rtemore += `<button tabindex="-1" title="${util.out('Live Preview')}" class="rte-livepreview"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#icon-device-desktop"></use></svg></button>`;else if (btn === '|') {
|
|
93632
93692
|
html_rtemore += '<div class="rte-separator"></div>';
|
|
93633
93693
|
} else {
|
|
93634
93694
|
html_rtemore += `<button tabindex="-1" title="button not found" data-plugin="${btn}"></button>`; //temporary (later will be replaced with plugin button)
|
|
@@ -93638,7 +93698,7 @@ class Rte {
|
|
|
93638
93698
|
let html_rte = '';
|
|
93639
93699
|
for (j = 0; j < builder.opts.buttons.length; j++) {
|
|
93640
93700
|
btn = builder.opts.buttons[j].toLowerCase();
|
|
93641
|
-
if (btn === 'bold') html_rte += `<button tabindex="-1" title="${util.out('Bold')}" class="rte-format" data-command="bold"><span style="font-family:serif;font-size:14px;">B</span></button>`;else if (btn === 'italic') html_rte += `<button tabindex="-1" title="${util.out('Italic')}" class="rte-format" data-command="italic"><span style="font-family:serif;font-size:16px;font-style:italic;">i</span></button>`;else if (btn === 'underline') html_rte += `<button tabindex="-1" title="${util.out('Underline')}" class="rte-format" data-command="underline"><span style="font-family:serif;font-size:14px;text-decoration:underline;">U</span></button>`;else if (btn === 'createlink') html_rte += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;else if (btn === 'align') html_rte += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'formatpara') html_rte += `<button tabindex="-1" title="${util.out('Paragraph')}" class="rte-paragraph"><span style="font-family:serif;font-size:14px;display:inline-block;margin-top:2px;">H</span></button>`;else if (btn === 'color') html_rte += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'formatting') html_rte += `<button tabindex="-1" title="${util.out('Formatting')}" class="rte-formatting"><span style="font-family:serif;font-size:15px;display:inline-block;">A</span></button>`;else if (btn === 'list') html_rte += `<button tabindex="-1" title="${util.out('List')}" class="rte-list"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-list-bullet"></use></svg></button>`;else if (btn === 'textsettings') html_rte += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'icon' && !this.builder.opts.emailMode) html_rte += `<button tabindex="-1" title="${util.out('Icon')}" class="rte-icon"><svg class="is-icon-flex" style="width:14px;height:14px;margin-top:2px"><use xlink:href="#ion-android-happy"></use></svg></button>`;else if (btn === 'svg' && !this.builder.opts.emailMode) html_rte += `<button tabindex="-1" title="${util.out('SVG')}" class="rte-svg"><svg class="is-icon-flex" style="width:19px;height:19px;margin-top:2px"><use xlink:href="#icon-svg"></use></svg></button>`;else if (btn === 'tags') html_rte += customtag_button;else if (btn === 'removeformat') html_rte += `<button tabindex="-1" title="${util.out('Clean')}" class="rte-format" data-command="clean"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg></button>`;else if (btn === 'font') html_rte += `<button tabindex="-1" title="${util.out('Font')}" class="rte-fontfamily"><span style="font-family:serif;font-size:18px;text-transform:none;display:inline-block;margin-top: -3px;">a</span></button>`;else if (btn === 'image') html_rte += `<button tabindex="-1" title="${util.out('Image')}" class="rte-image"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-image"></use></svg></button>`;else if (btn === 'gridtool') html_rte += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;width:17px;height:17px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_rte += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_rte += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_rte += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'undo') html_rte += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_rte += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_rte += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="
|
|
93701
|
+
if (btn === 'bold') html_rte += `<button tabindex="-1" title="${util.out('Bold')}" class="rte-format" data-command="bold"><span style="font-family:serif;font-size:14px;">B</span></button>`;else if (btn === 'italic') html_rte += `<button tabindex="-1" title="${util.out('Italic')}" class="rte-format" data-command="italic"><span style="font-family:serif;font-size:16px;font-style:italic;">i</span></button>`;else if (btn === 'underline') html_rte += `<button tabindex="-1" title="${util.out('Underline')}" class="rte-format" data-command="underline"><span style="font-family:serif;font-size:14px;text-decoration:underline;">U</span></button>`;else if (btn === 'createlink') html_rte += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;else if (btn === 'align') html_rte += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'formatpara') html_rte += `<button tabindex="-1" title="${util.out('Paragraph')}" class="rte-paragraph"><span style="font-family:serif;font-size:14px;display:inline-block;margin-top:2px;">H</span></button>`;else if (btn === 'color') html_rte += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'formatting') html_rte += `<button tabindex="-1" title="${util.out('Formatting')}" class="rte-formatting"><span style="font-family:serif;font-size:15px;display:inline-block;">A</span></button>`;else if (btn === 'list') html_rte += `<button tabindex="-1" title="${util.out('List')}" class="rte-list"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-list-bullet"></use></svg></button>`;else if (btn === 'textsettings') html_rte += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'icon' && !this.builder.opts.emailMode) html_rte += `<button tabindex="-1" title="${util.out('Icon')}" class="rte-icon"><svg class="is-icon-flex" style="width:14px;height:14px;margin-top:2px"><use xlink:href="#ion-android-happy"></use></svg></button>`;else if (btn === 'svg' && !this.builder.opts.emailMode) html_rte += `<button tabindex="-1" title="${util.out('SVG')}" class="rte-svg"><svg class="is-icon-flex" style="width:19px;height:19px;margin-top:2px"><use xlink:href="#icon-svg"></use></svg></button>`;else if (btn === 'tags') html_rte += customtag_button;else if (btn === 'removeformat') html_rte += `<button tabindex="-1" title="${util.out('Clean')}" class="rte-format" data-command="clean"><svg class="is-icon-flex" style="width:11px;height:11px;"><use xlink:href="#icon-clean"></use></svg></button>`;else if (btn === 'font') html_rte += `<button tabindex="-1" title="${util.out('Font')}" class="rte-fontfamily"><span style="font-family:serif;font-size:18px;text-transform:none;display:inline-block;margin-top: -3px;">a</span></button>`;else if (btn === 'image') html_rte += `<button tabindex="-1" title="${util.out('Image')}" class="rte-image"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-image"></use></svg></button>`;else if (btn === 'gridtool') html_rte += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;width:17px;height:17px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_rte += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_rte += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_rte += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'undo') html_rte += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_rte += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_rte += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-sparkles"></use></svg></button>`;else if (btn === 'snippets') html_rte += `<button tabindex="-1" title="${util.out('Snippets')}" class="rte-snippets"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-snippets"></use></svg></button>`;else if (btn === 'more' && html_rtemore !== '') html_rte += `<button tabindex="-1" title="${util.out('More')}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`;else if (btn === 'pageoptions') html_rte += `<button tabindex="-1" title="${util.out('Page Options')}" class="rte-pageoptions"><svg class="is-icon-flex"><use xlink:href="#icon-pagesize"></use></svg></button>`;else if (btn === 'print') html_rte += `<button tabindex="-1" title="${util.out('Print')}" class="rte-print"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-print"></use></svg></button>`;else if (btn === 'zoom') html_rte += `<button tabindex="-1" title="${util.out('Zoom')}" class="rte-zoom"><svg class="is-icon-flex" style="margin-top:1px;width:15px;height:15px;"><use xlink:href="#icon-zoom-in"></use></svg></button>`;else if (btn === 'livepreview') html_rte += `<button tabindex="-1" title="${util.out('Live Preview')}" class="rte-livepreview"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#icon-device-desktop"></use></svg></button>`;else if (btn === '|') {
|
|
93642
93702
|
html_rte += '<div class="rte-separator"></div>';
|
|
93643
93703
|
} else {
|
|
93644
93704
|
html_rte += `<button tabindex="-1" title="button not found" data-plugin="${btn}"></button>`; //temporary (later will be replaced with plugin button)
|
|
@@ -93656,7 +93716,7 @@ class Rte {
|
|
|
93656
93716
|
let html_elementrtemore = '';
|
|
93657
93717
|
for (j = 0; j < builder.opts.elementButtonsMore.length; j++) {
|
|
93658
93718
|
btn = builder.opts.elementButtonsMore[j].toLowerCase();
|
|
93659
|
-
if (btn === 'left') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Left')}" data-align="left"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-left"></use></svg></button>`;else if (btn === 'center') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Center')}" data-align="center"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-center"></use></svg></button>`;else if (btn === 'right') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Right')}" data-align="right"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-right"></use></svg></button>`;else if (btn === 'full') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Full')}" data-align="justify"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'gridtool') html_elementrtemore += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_elementrtemore += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_elementrtemore += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_elementrtemore += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'undo') html_elementrtemore += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_elementrtemore += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_elementrtemore += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="
|
|
93719
|
+
if (btn === 'left') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Left')}" data-align="left"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-left"></use></svg></button>`;else if (btn === 'center') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Center')}" data-align="center"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-center"></use></svg></button>`;else if (btn === 'right') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Right')}" data-align="right"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-right"></use></svg></button>`;else if (btn === 'full') html_elementrtemore += `<button tabindex="-1" title="${util.out('Align Full')}" data-align="justify"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'gridtool') html_elementrtemore += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_elementrtemore += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_elementrtemore += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_elementrtemore += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'undo') html_elementrtemore += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_elementrtemore += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_elementrtemore += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-sparkles"></use></svg></button>`;else if (btn === 'snippets') html_elementrtemore += `<button tabindex="-1" title="${util.out('Snippets')}" class="rte-snippets"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-snippets"></use></svg></button>`;else if (btn === 'pageoptions') html_elementrtemore += `<button tabindex="-1" title="${util.out('Page Options')}" class="rte-pageoptions"><svg class="is-icon-flex"><use xlink:href="#icon-pagesize"></use></svg></button>`;else if (btn === 'print') html_elementrtemore += `<button tabindex="-1" title="${util.out('Print')}" class="rte-print"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-print"></use></svg></button>`;else if (btn === 'zoom') html_elementrtemore += `<button tabindex="-1" title="${util.out('Zoom')}" class="rte-zoom"><svg class="is-icon-flex" style="margin-top:1px;width:15px;height:15px;"><use xlink:href="#icon-zoom-in"></use></svg></button>`;else if (btn === 'livepreview') html_elementrtemore += `<button tabindex="-1" title="${util.out('Live Preview')}" class="rte-livepreview"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#icon-device-desktop"></use></svg></button>`;else if (btn === '|') {
|
|
93660
93720
|
html_elementrtemore += '<div class="rte-separator"></div>';
|
|
93661
93721
|
} else {
|
|
93662
93722
|
html_elementrtemore += `<button tabindex="-1" title="button not found" data-plugin="${btn}"></button>`; //temporary (later will be replaced with plugin button)
|
|
@@ -93666,7 +93726,7 @@ class Rte {
|
|
|
93666
93726
|
let html_elementrte = '';
|
|
93667
93727
|
for (j = 0; j < builder.opts.elementButtons.length; j++) {
|
|
93668
93728
|
btn = builder.opts.elementButtons[j].toLowerCase();
|
|
93669
|
-
if (btn === 'left') html_elementrte += `<button tabindex="-1" title="${util.out('Align Left')}" data-align="left"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-left"></use></svg></button>`;else if (btn === 'center') html_elementrte += `<button tabindex="-1" title="${util.out('Align Center')}" data-align="center"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-center"></use></svg></button>`;else if (btn === 'right') html_elementrte += `<button tabindex="-1" title="${util.out('Align Right')}" data-align="right"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-right"></use></svg></button>`;else if (btn === 'full') html_elementrte += `<button tabindex="-1" title="${util.out('Align Full')}" data-align="justify"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'gridtool') html_elementrte += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;width:17px;height:17px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_elementrte += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_elementrte += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_elementrte += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'group') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Group')}" class="rte-group"><svg class="is-icon-flex" style="width:20px;height:20px;margin-top:-1px;"><use xlink:href="#icon-group"></use></svg></button>`;else if (btn === 'ungroup') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Ungroup')}" class="rte-ungroup"><svg class="is-icon-flex" style="width:20px;height:20px;margin-top:-1px;"><use xlink:href="#icon-ungroup"></use></svg></button>`;else if (btn === 'duplicate') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Duplicate')}" class="rte-duplicate"><svg class="is-icon-flex" style="width:16px;height:16px;margin-top:-1px;"><use xlink:href="#icon-duplicate"></use></svg></button>`;else if (btn === 'front') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Bring to Front')}" class="rte-front"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-stack-forward"></use></svg></button>`;else if (btn === 'backward') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Send to Back')}" class="rte-backward"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-stack-backward"></use></svg></button>`;else if (btn === 'moveup') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Move Up')}" class="rte-moveup"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-arrow-up"></use></svg></button>`;else if (btn === 'movedown') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Move Down')}" class="rte-movedown"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-arrow-down"></use></svg></button>`;else if (btn === 'delete') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Delete')}" class="rte-delete"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-trash"></use></svg></button>`;else if (btn === 'blocksettings' && this.builder.canvas) html_elementrte += `<button tabindex="-1" title="${util.out('Block Settings')}" class="rte-blocksettings"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>`;else if (btn === 'undo') html_elementrte += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_elementrte += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_elementrte += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="
|
|
93729
|
+
if (btn === 'left') html_elementrte += `<button tabindex="-1" title="${util.out('Align Left')}" data-align="left"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-left"></use></svg></button>`;else if (btn === 'center') html_elementrte += `<button tabindex="-1" title="${util.out('Align Center')}" data-align="center"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-center"></use></svg></button>`;else if (btn === 'right') html_elementrte += `<button tabindex="-1" title="${util.out('Align Right')}" data-align="right"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-right"></use></svg></button>`;else if (btn === 'full') html_elementrte += `<button tabindex="-1" title="${util.out('Align Full')}" data-align="justify"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'gridtool') html_elementrte += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;width:17px;height:17px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_elementrte += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_elementrte += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_elementrte += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'group') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Group')}" class="rte-group"><svg class="is-icon-flex" style="width:20px;height:20px;margin-top:-1px;"><use xlink:href="#icon-group"></use></svg></button>`;else if (btn === 'ungroup') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Ungroup')}" class="rte-ungroup"><svg class="is-icon-flex" style="width:20px;height:20px;margin-top:-1px;"><use xlink:href="#icon-ungroup"></use></svg></button>`;else if (btn === 'duplicate') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Duplicate')}" class="rte-duplicate"><svg class="is-icon-flex" style="width:16px;height:16px;margin-top:-1px;"><use xlink:href="#icon-duplicate"></use></svg></button>`;else if (btn === 'front') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Bring to Front')}" class="rte-front"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-stack-forward"></use></svg></button>`;else if (btn === 'backward') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Send to Back')}" class="rte-backward"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-stack-backward"></use></svg></button>`;else if (btn === 'moveup') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Move Up')}" class="rte-moveup"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-arrow-up"></use></svg></button>`;else if (btn === 'movedown') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Move Down')}" class="rte-movedown"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-arrow-down"></use></svg></button>`;else if (btn === 'delete') html_elementrte += `<button style="display:none" tabindex="-1" title="${util.out('Delete')}" class="rte-delete"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#icon-trash"></use></svg></button>`;else if (btn === 'blocksettings' && this.builder.canvas) html_elementrte += `<button tabindex="-1" title="${util.out('Block Settings')}" class="rte-blocksettings"><svg class="is-icon-flex"><use xlink:href="#icon-settings"></use></svg></button>`;else if (btn === 'undo') html_elementrte += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_elementrte += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_elementrte += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-sparkles"></use></svg></button>`;else if (btn === 'snippets') html_elementrte += `<button tabindex="-1" title="${util.out('Snippets')}" class="rte-snippets"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-snippets"></use></svg></button>`;else if (btn === 'more' && html_elementrtemore !== '') html_elementrte += `<button tabindex="-1" title="${util.out('More')}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`;else if (btn === 'pageoptions') html_elementrte += `<button tabindex="-1" title="${util.out('Page Options')}" class="rte-pageoptions"><svg class="is-icon-flex"><use xlink:href="#icon-pagesize"></use></svg></button>`;else if (btn === 'print') html_elementrte += `<button tabindex="-1" title="${util.out('Print')}" class="rte-print"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-print"></use></svg></button>`;else if (btn === 'zoom') html_elementrte += `<button tabindex="-1" title="${util.out('Zoom')}" class="rte-zoom"><svg class="is-icon-flex" style="margin-top:1px;width:15px;height:15px;"><use xlink:href="#icon-zoom-in"></use></svg></button>`;else if (btn === 'livepreview') html_elementrte += `<button tabindex="-1" title="${util.out('Live Preview')}" class="rte-livepreview"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#icon-device-desktop"></use></svg></button>`;else if (btn === '|') {
|
|
93670
93730
|
html_elementrte += '<div class="rte-separator"></div>';
|
|
93671
93731
|
} else {
|
|
93672
93732
|
html_elementrte += `<button tabindex="-1" title="button not found" data-plugin="${btn}"></button>`; //temporary (later will be replaced with plugin button)
|
|
@@ -93686,7 +93746,7 @@ class Rte {
|
|
|
93686
93746
|
let html_iconrte = '';
|
|
93687
93747
|
for (j = 0; j < builder.opts.iconButtonsMore.length; j++) {
|
|
93688
93748
|
btn = builder.opts.iconButtonsMore[j].toLowerCase();
|
|
93689
|
-
if (btn === 'createlink') html_iconrtemore += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;else if (btn === 'icon' && !this.builder.opts.emailMode) html_iconrtemore += `<button tabindex="-1" title="${util.out('Icon')}" class="rte-icon"><svg class="is-icon-flex" style="width:14px;height:14px;margin-top:2px;"><use xlink:href="#ion-android-happy"></use></svg></button>`;else if (btn === 'svg' && !this.builder.opts.emailMode) html_iconrtemore += `<button tabindex="-1" title="${util.out('SVG')}" class="rte-svg"><svg class="is-icon-flex" style="width:19px;height:19px;margin-top:2px;"><use xlink:href="#icon-svg"></use></svg></button>`;else if (btn === 'align') html_iconrtemore += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'color') html_iconrtemore += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'gridtool') html_iconrtemore += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_iconrtemore += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_iconrtemore += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_iconrtemore += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'textsettings') html_iconrtemore += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'undo') html_iconrtemore += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_iconrtemore += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_iconrtemore += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="
|
|
93749
|
+
if (btn === 'createlink') html_iconrtemore += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;else if (btn === 'icon' && !this.builder.opts.emailMode) html_iconrtemore += `<button tabindex="-1" title="${util.out('Icon')}" class="rte-icon"><svg class="is-icon-flex" style="width:14px;height:14px;margin-top:2px;"><use xlink:href="#ion-android-happy"></use></svg></button>`;else if (btn === 'svg' && !this.builder.opts.emailMode) html_iconrtemore += `<button tabindex="-1" title="${util.out('SVG')}" class="rte-svg"><svg class="is-icon-flex" style="width:19px;height:19px;margin-top:2px;"><use xlink:href="#icon-svg"></use></svg></button>`;else if (btn === 'align') html_iconrtemore += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'color') html_iconrtemore += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'gridtool') html_iconrtemore += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_iconrtemore += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_iconrtemore += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_iconrtemore += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'textsettings') html_iconrtemore += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'undo') html_iconrtemore += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_iconrtemore += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_iconrtemore += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-sparkles"></use></svg></button>`;else if (btn === 'snippets') html_iconrtemore += `<button tabindex="-1" title="${util.out('Snippets')}" class="rte-snippets"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-snippets"></use></svg></button>`;else if (btn === 'pageoptions') html_iconrtemore += `<button tabindex="-1" title="${util.out('Page Options')}" class="rte-pageoptions"><svg class="is-icon-flex"><use xlink:href="#icon-pagesize"></use></svg></button>`;else if (btn === 'print') html_iconrtemore += `<button tabindex="-1" title="${util.out('Print')}" class="rte-print"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-print"></use></svg></button>`;else if (btn === 'zoom') html_iconrtemore += `<button tabindex="-1" title="${util.out('Zoom')}" class="rte-zoom"><svg class="is-icon-flex" style="margin-top:1px;width:15px;height:15px;"><use xlink:href="#icon-zoom-in"></use></svg></button>`;else if (btn === 'livepreview') html_iconrtemore += `<button tabindex="-1" title="${util.out('Live Preview')}" class="rte-livepreview"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#icon-device-desktop"></use></svg></button>`;else if (btn === '|') {
|
|
93690
93750
|
html_iconrtemore += '<div class="rte-separator"></div>';
|
|
93691
93751
|
} else {
|
|
93692
93752
|
html_iconrtemore += `<button tabindex="-1" title="button not found" data-plugin="${btn}"></button>`; //temporary (later will be replaced with plugin button)
|
|
@@ -93695,7 +93755,7 @@ class Rte {
|
|
|
93695
93755
|
|
|
93696
93756
|
for (j = 0; j < builder.opts.iconButtons.length; j++) {
|
|
93697
93757
|
btn = builder.opts.iconButtons[j].toLowerCase();
|
|
93698
|
-
if (btn === 'createlink') html_iconrte += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;else if (btn === 'icon' && !this.builder.opts.emailMode) html_iconrte += `<button tabindex="-1" title="${util.out('Icon')}" class="rte-icon"><svg class="is-icon-flex" style="width:14px;height:14px;margin-top:2px;"><use xlink:href="#ion-android-happy"></use></svg></button>`;else if (btn === 'svg' && !this.builder.opts.emailMode) html_iconrte += `<button tabindex="-1" title="${util.out('SVG')}" class="rte-svg"><svg class="is-icon-flex" style="width:19px;height:19px;margin-top:2px;"><use xlink:href="#icon-svg"></use></svg></button>`;else if (btn === 'align') html_iconrte += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'color') html_iconrte += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'gridtool') html_iconrte += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_iconrte += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_iconrte += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_iconrte += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'textsettings') html_iconrte += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'undo') html_iconrte += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_iconrte += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_iconrte += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="
|
|
93758
|
+
if (btn === 'createlink') html_iconrte += `<button tabindex="-1" title="${util.out('Hyperlink')}" class="rte-link"><svg class="is-icon-flex" style="width:14px;height:14px;"><use xlink:href="#ion-link"></use></svg></button>`;else if (btn === 'icon' && !this.builder.opts.emailMode) html_iconrte += `<button tabindex="-1" title="${util.out('Icon')}" class="rte-icon"><svg class="is-icon-flex" style="width:14px;height:14px;margin-top:2px;"><use xlink:href="#ion-android-happy"></use></svg></button>`;else if (btn === 'svg' && !this.builder.opts.emailMode) html_iconrte += `<button tabindex="-1" title="${util.out('SVG')}" class="rte-svg"><svg class="is-icon-flex" style="width:19px;height:19px;margin-top:2px;"><use xlink:href="#icon-svg"></use></svg></button>`;else if (btn === 'align') html_iconrte += `<button tabindex="-1" title="${util.out('Align')}" class="rte-align"><svg class="is-icon-flex" style="width:12px;height:12px;margin-top:-2px;"><use xlink:href="#icon-align-full"></use></svg></button>`;else if (btn === 'color') html_iconrte += `<button tabindex="-1" title="${util.out('Color')}" class="rte-color"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#ion-contrast"></use></svg></button>`;else if (btn === 'gridtool') html_iconrte += `<button tabindex="-1" title="${util.out('Grid Tool')}" class="rte-grideditor"><svg class="is-icon-flex" style="margin-right:-3px;"><use xlink:href="#ion-grid"></use></svg></button>`;else if (btn === 'html') html_iconrte += `<button tabindex="-1" title="${util.out('HTML')}" class="rte-html"><svg class="is-icon-flex" style="margin-right:-3px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-left"></use></svg><svg class="is-icon-flex" style="margin-left:-2px;width:14px;height:14px;"><use xlink:href="#ion-ios-arrow-right"></use></svg></button>`;else if (btn === 'preferences') html_iconrte += `<button tabindex="-1" title="${util.out('Preferences')}" class="rte-preferences"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-wrench"></use></svg></button>`;else if (btn === 'addsnippet') html_iconrte += `<button tabindex="-1" title="${util.out('Add Snippet')}" class="rte-addsnippet"><svg class="is-icon-flex" style="width:18px;height:18px;margin-top:-1px;"><use xlink:href="#ion-ios-plus-empty"></use></svg></button>`;else if (btn === 'textsettings') html_iconrte += `<button tabindex="-1" title="${util.out('Text Settings')}" class="rte-textsettings"><svg class="is-icon-flex" style="width:16px;height:16px;"><use xlink:href="#ion-ios-settings"></use></svg></button>`;else if (btn === 'undo') html_iconrte += `<button tabindex="-1" title="${util.out('Undo')}" class="rte-undo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-undo"></use></svg></button>`;else if (btn === 'redo') html_iconrte += `<button tabindex="-1" title="${util.out('Redo')}" class="rte-redo"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#ion-ios-redo"></use></svg></button>`;else if (btn === 'aiassistant') html_iconrte += `<button tabindex="-1" title="${util.out('AI Assistant')}" class="rte-ai"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-sparkles"></use></svg></button>`;else if (btn === 'snippets') html_iconrte += `<button tabindex="-1" title="${util.out('Snippets')}" class="rte-snippets"><svg class="is-icon-flex" style="width:19px;height:19px;"><use xlink:href="#icon-snippets"></use></svg></button>`;else if (btn === 'pageoptions') html_iconrte += `<button tabindex="-1" title="${util.out('Page Options')}" class="rte-pageoptions"><svg class="is-icon-flex"><use xlink:href="#icon-pagesize"></use></svg></button>`;else if (btn === 'print') html_iconrte += `<button tabindex="-1" title="${util.out('Print')}" class="rte-print"><svg class="is-icon-flex" style="width:15px;height:15px;"><use xlink:href="#icon-print"></use></svg></button>`;else if (btn === 'zoom') html_iconrte += `<button tabindex="-1" title="${util.out('Zoom')}" class="rte-zoom"><svg class="is-icon-flex" style="margin-top:1px;width:15px;height:15px;"><use xlink:href="#icon-zoom-in"></use></svg></button>`;else if (btn === 'livepreview') html_iconrte += `<button tabindex="-1" title="${util.out('Live Preview')}" class="rte-livepreview"><svg class="is-icon-flex" style="margin-top:2px;width:15px;height:15px;"><use xlink:href="#icon-device-desktop"></use></svg></button>`;else if (btn === 'more' && html_rtemore !== '') html_iconrte += `<button tabindex="-1" title="${util.out('More')}" class="rte-more"><svg class="is-icon-flex" style="width:13px;height:13px;"><use xlink:href="#ion-more"></use></svg></button>`;else if (btn === '|') {
|
|
93699
93759
|
html_iconrte += '<div class="rte-separator"></div>';
|
|
93700
93760
|
} else {
|
|
93701
93761
|
html_iconrte += `<button tabindex="-1" title="button not found" data-plugin="${btn}"></button>`; //temporary (later will be replaced with plugin button)
|
|
@@ -106924,7 +106984,7 @@ class MediaPicker {
|
|
|
106924
106984
|
if (this.builder.opts.onImageSelectClick || this.builder.opts.imageselect || this.builder.opts.onFileSelectClick || this.builder.opts.fileselect) {
|
|
106925
106985
|
const inpSrc = modalMediaSelect.querySelector('.input-src');
|
|
106926
106986
|
const elm = modalMediaSelect.querySelector('.input-select');
|
|
106927
|
-
if (elm) dom.addEventListener(elm, 'click', () => {
|
|
106987
|
+
if (elm) dom.addEventListener(elm, 'click', async () => {
|
|
106928
106988
|
let targetAssetType = this.builder.targetAssetType;
|
|
106929
106989
|
let targetInput = inpSrc;
|
|
106930
106990
|
let theTrigger = elm;
|
|
@@ -106966,28 +107026,65 @@ class MediaPicker {
|
|
|
106966
107026
|
} else {
|
|
106967
107027
|
let iframe;
|
|
106968
107028
|
let modal;
|
|
106969
|
-
if (
|
|
106970
|
-
|
|
106971
|
-
|
|
106972
|
-
|
|
106973
|
-
|
|
107029
|
+
if (this.builder.opts.assetManagerBasePath) {
|
|
107030
|
+
let src;
|
|
107031
|
+
if (targetAssetType === 'media') {
|
|
107032
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.mediaselect');
|
|
107033
|
+
iframe = modal.querySelector('iframe');
|
|
107034
|
+
if (iframe.src === 'about:blank') {
|
|
107035
|
+
if (this.builder.opts.mediaSelect) src = this.builder.opts.mediaSelect;else if (this.builder.opts.imageSelect) src = this.builder.opts.imageSelect;
|
|
107036
|
+
}
|
|
107037
|
+
} else if (targetAssetType === 'video') {
|
|
107038
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.videoselect');
|
|
107039
|
+
iframe = modal.querySelector('iframe');
|
|
107040
|
+
if (iframe.src === 'about:blank') src = this.builder.opts.videoSelect;
|
|
107041
|
+
} else if (targetAssetType === 'image') {
|
|
107042
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.imageselect');
|
|
107043
|
+
iframe = modal.querySelector('iframe');
|
|
107044
|
+
if (iframe.src === 'about:blank') src = this.builder.opts.imageSelect;
|
|
107045
|
+
} else if (targetAssetType === 'audio') {
|
|
107046
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.audioselect');
|
|
107047
|
+
iframe = modal.querySelector('iframe');
|
|
107048
|
+
if (iframe.src === 'about:blank') src = this.builder.opts.audioSelect;
|
|
107049
|
+
} else if (targetAssetType === 'all') {
|
|
107050
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.fileselect');
|
|
107051
|
+
iframe = modal.querySelector('iframe');
|
|
107052
|
+
if (iframe.src === 'about:blank') src = this.builder.opts.fileSelect;
|
|
107053
|
+
}
|
|
107054
|
+
let result = await fetch(src);
|
|
107055
|
+
result = await result.text();
|
|
107056
|
+
result = result.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`);
|
|
107057
|
+
|
|
107058
|
+
// Add base href
|
|
107059
|
+
result = result.replace(/<head>/i, '<head><base href="' + this.builder.opts.assetManagerBasePath + '">');
|
|
107060
|
+
|
|
107061
|
+
// Replace assets path
|
|
107062
|
+
result = result.replace(/="assets\//g, '="' + this.builder.opts.assetPath);
|
|
107063
|
+
iframe.srcdoc = result;
|
|
107064
|
+
} else {
|
|
107065
|
+
if (targetAssetType === 'media') {
|
|
107066
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.mediaselect');
|
|
107067
|
+
iframe = modal.querySelector('iframe');
|
|
107068
|
+
if (iframe.src === 'about:blank') {
|
|
107069
|
+
if (this.builder.opts.mediaSelect) iframe.src = this.builder.opts.mediaSelect;else if (this.builder.opts.imageSelect) iframe.src = this.builder.opts.imageSelect;
|
|
107070
|
+
}
|
|
107071
|
+
} else if (targetAssetType === 'video') {
|
|
107072
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.videoselect');
|
|
107073
|
+
iframe = modal.querySelector('iframe');
|
|
107074
|
+
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.videoSelect;
|
|
107075
|
+
} else if (targetAssetType === 'image') {
|
|
107076
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.imageselect');
|
|
107077
|
+
iframe = modal.querySelector('iframe');
|
|
107078
|
+
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.imageSelect;
|
|
107079
|
+
} else if (targetAssetType === 'audio') {
|
|
107080
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.audioselect');
|
|
107081
|
+
iframe = modal.querySelector('iframe');
|
|
107082
|
+
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.audioSelect;
|
|
107083
|
+
} else if (targetAssetType === 'all') {
|
|
107084
|
+
modal = this.builder.builderStuff.querySelector('.is-modal.fileselect');
|
|
107085
|
+
iframe = modal.querySelector('iframe');
|
|
107086
|
+
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.fileSelect;
|
|
106974
107087
|
}
|
|
106975
|
-
} else if (targetAssetType === 'video') {
|
|
106976
|
-
modal = this.builder.builderStuff.querySelector('.is-modal.videoselect');
|
|
106977
|
-
iframe = modal.querySelector('iframe');
|
|
106978
|
-
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.videoSelect;
|
|
106979
|
-
} else if (targetAssetType === 'image') {
|
|
106980
|
-
modal = this.builder.builderStuff.querySelector('.is-modal.imageselect');
|
|
106981
|
-
iframe = modal.querySelector('iframe');
|
|
106982
|
-
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.imageSelect;
|
|
106983
|
-
} else if (targetAssetType === 'audio') {
|
|
106984
|
-
modal = this.builder.builderStuff.querySelector('.is-modal.audioselect');
|
|
106985
|
-
iframe = modal.querySelector('iframe');
|
|
106986
|
-
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.audioSelect;
|
|
106987
|
-
} else if (targetAssetType === 'all') {
|
|
106988
|
-
modal = this.builder.builderStuff.querySelector('.is-modal.fileselect');
|
|
106989
|
-
iframe = modal.querySelector('iframe');
|
|
106990
|
-
if (iframe.src === 'about:blank') iframe.src = this.builder.opts.fileSelect;
|
|
106991
107088
|
}
|
|
106992
107089
|
|
|
106993
107090
|
// this.builder.util.showModal(modal);
|
|
@@ -113365,13 +113462,15 @@ ${answer}
|
|
|
113365
113462
|
if (this.builder.sendCommand) {
|
|
113366
113463
|
data = await this.builder.sendCommand(messages);
|
|
113367
113464
|
} else {
|
|
113465
|
+
let headers = {
|
|
113466
|
+
...this.builder.headers,
|
|
113467
|
+
...this.builder.defaultHeaders
|
|
113468
|
+
};
|
|
113368
113469
|
const response = await fetch(this.builder.sendCommandUrl, {
|
|
113369
113470
|
signal: this.signal,
|
|
113370
113471
|
// Abort
|
|
113371
113472
|
method: 'POST',
|
|
113372
|
-
headers
|
|
113373
|
-
'Content-Type': 'application/json'
|
|
113374
|
-
},
|
|
113473
|
+
headers,
|
|
113375
113474
|
body: JSON.stringify(messages)
|
|
113376
113475
|
});
|
|
113377
113476
|
data = await response.json();
|
|
@@ -113435,11 +113534,13 @@ ${answer}
|
|
|
113435
113534
|
if (this.builder.consoleLog) {
|
|
113436
113535
|
if (!(error + '').includes('Failed to fetch')) {
|
|
113437
113536
|
// Only if not CORS error
|
|
113537
|
+
let headers = {
|
|
113538
|
+
...this.builder.headers,
|
|
113539
|
+
...this.builder.defaultHeaders
|
|
113540
|
+
};
|
|
113438
113541
|
const response = await fetch(this.builder.sendCommandUrl, {
|
|
113439
113542
|
method: 'POST',
|
|
113440
|
-
headers
|
|
113441
|
-
'Content-Type': 'application/json'
|
|
113442
|
-
},
|
|
113543
|
+
headers,
|
|
113443
113544
|
body: JSON.stringify(messages)
|
|
113444
113545
|
});
|
|
113445
113546
|
const data = await response.text();
|
|
@@ -118836,6 +118937,8 @@ class ContentBuilder {
|
|
|
118836
118937
|
livePreviewReloadEvery: 30,
|
|
118837
118938
|
// always reload every 30 onChange triggered (to clearup iframe resource for faster performance)
|
|
118838
118939
|
|
|
118940
|
+
basePath: '',
|
|
118941
|
+
snippetsFolder: 'minimalist-blocks',
|
|
118839
118942
|
scriptPath: '',
|
|
118840
118943
|
// Deprecated
|
|
118841
118944
|
// Old way:
|
|
@@ -119532,6 +119635,7 @@ class ContentBuilder {
|
|
|
119532
119635
|
'Content-Type': 'application/json'
|
|
119533
119636
|
},
|
|
119534
119637
|
headers: {},
|
|
119638
|
+
metadata: {},
|
|
119535
119639
|
/* Prompt/Command Stuff for AI Assistant */
|
|
119536
119640
|
startAIAssistant: false,
|
|
119537
119641
|
isContentBox: false,
|
|
@@ -119911,6 +120015,16 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
|
|
|
119911
120015
|
// obj.preserveSelection = true; (can be set programmatically) to prevent click that clears selection on external custom modal.
|
|
119912
120016
|
|
|
119913
120017
|
this.opts = Object.assign(this, defaults, opts);
|
|
120018
|
+
if (this.opts.basePath) {
|
|
120019
|
+
this.opts.assetPath = this.opts.basePath + 'assets/';
|
|
120020
|
+
this.opts.fontAssetPath = this.opts.basePath + 'assets/fonts/';
|
|
120021
|
+
this.opts.snippetUrl = this.opts.basePath + 'assets/' + this.opts.snippetsFolder + '/content.js';
|
|
120022
|
+
this.opts.snippetPath = this.opts.basePath + 'assets/' + this.opts.snippetsFolder + '/';
|
|
120023
|
+
this.opts.snippetPathReplace = ['assets/' + this.opts.snippetsFolder + '/images/', this.opts.basePath + 'assets/' + this.opts.snippetsFolder + '/images/'];
|
|
120024
|
+
this.opts.modulePath = this.opts.basePath + 'assets/modules/';
|
|
120025
|
+
this.opts.pluginPath = this.opts.basePath + 'contentbuilder/';
|
|
120026
|
+
this.opts.mediaPath = this.opts.basePath + 'assets/gallery/';
|
|
120027
|
+
}
|
|
119914
120028
|
if (window.data_basic) {
|
|
119915
120029
|
// if snippet file included
|
|
119916
120030
|
this.opts.snippetJSON = window.data_basic;
|
|
@@ -122870,6 +122984,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
|
|
|
122870
122984
|
this.selectAsset(s);
|
|
122871
122985
|
}
|
|
122872
122986
|
selectAsset(s, f) {
|
|
122987
|
+
if (this.opts.assetAbsoluteBasePath) s = this.opts.assetAbsoluteBasePath + s;
|
|
122873
122988
|
let extension = s.split('.').pop().split('?')[0].split('#')[0]; //
|
|
122874
122989
|
extension = extension.toLowerCase();
|
|
122875
122990
|
let ok = false;
|
|
@@ -123087,7 +123202,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
|
|
|
123087
123202
|
this.targetAssetType = targetAssetType;
|
|
123088
123203
|
}
|
|
123089
123204
|
}
|
|
123090
|
-
openAsset(targetInput, targetAssetType, theTrigger, defaultValue) {
|
|
123205
|
+
async openAsset(targetInput, targetAssetType, theTrigger, defaultValue) {
|
|
123091
123206
|
let iframe;
|
|
123092
123207
|
let modal;
|
|
123093
123208
|
if (targetAssetType === 'media' && (this.opts.onMediaSelectClick || this.opts.onImageSelectClick)) {
|
|
@@ -123123,28 +123238,65 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
|
|
|
123123
123238
|
theTrigger: theTrigger
|
|
123124
123239
|
});
|
|
123125
123240
|
} else {
|
|
123126
|
-
if (
|
|
123127
|
-
|
|
123128
|
-
|
|
123129
|
-
|
|
123130
|
-
|
|
123131
|
-
|
|
123132
|
-
|
|
123133
|
-
|
|
123134
|
-
|
|
123135
|
-
|
|
123136
|
-
|
|
123137
|
-
|
|
123138
|
-
|
|
123139
|
-
|
|
123140
|
-
|
|
123141
|
-
|
|
123142
|
-
|
|
123143
|
-
|
|
123144
|
-
|
|
123145
|
-
|
|
123146
|
-
|
|
123147
|
-
|
|
123241
|
+
if (this.opts.assetManagerBasePath) {
|
|
123242
|
+
let src;
|
|
123243
|
+
if (targetAssetType === 'media') {
|
|
123244
|
+
modal = this.builderStuff.querySelector('.is-modal.mediaselect');
|
|
123245
|
+
iframe = modal.querySelector('iframe');
|
|
123246
|
+
if (iframe.src === 'about:blank') {
|
|
123247
|
+
if (this.opts.mediaSelect) src = this.opts.mediaSelect;else if (this.opts.imageSelect) src = this.opts.imageSelect;
|
|
123248
|
+
}
|
|
123249
|
+
} else if (targetAssetType === 'video') {
|
|
123250
|
+
modal = this.builderStuff.querySelector('.is-modal.videoselect');
|
|
123251
|
+
iframe = modal.querySelector('iframe');
|
|
123252
|
+
if (iframe.src === 'about:blank') src = this.opts.videoSelect;
|
|
123253
|
+
} else if (targetAssetType === 'image') {
|
|
123254
|
+
modal = this.builderStuff.querySelector('.is-modal.imageselect');
|
|
123255
|
+
iframe = modal.querySelector('iframe');
|
|
123256
|
+
if (iframe.src === 'about:blank') src = this.opts.imageSelect;
|
|
123257
|
+
} else if (targetAssetType === 'audio') {
|
|
123258
|
+
modal = this.builderStuff.querySelector('.is-modal.audioselect');
|
|
123259
|
+
iframe = modal.querySelector('iframe');
|
|
123260
|
+
if (iframe.src === 'about:blank') src = this.opts.audioSelect;
|
|
123261
|
+
} else if (targetAssetType === 'all') {
|
|
123262
|
+
modal = this.builderStuff.querySelector('.is-modal.fileselect');
|
|
123263
|
+
iframe = modal.querySelector('iframe');
|
|
123264
|
+
if (iframe.src === 'about:blank') src = this.opts.fileSelect;
|
|
123265
|
+
}
|
|
123266
|
+
let result = await fetch(src);
|
|
123267
|
+
result = await result.text();
|
|
123268
|
+
result = result.replace(/<script>/g, `${this.nonce ? `<script nonce="${this.nonce}">` : '<script>'}`);
|
|
123269
|
+
|
|
123270
|
+
// Add base href
|
|
123271
|
+
result = result.replace(/<head>/i, '<head><base href="' + this.opts.assetManagerBasePath + '">');
|
|
123272
|
+
|
|
123273
|
+
// Replace assets path
|
|
123274
|
+
result = result.replace(/="assets\//g, '="' + this.opts.assetPath);
|
|
123275
|
+
iframe.srcdoc = result;
|
|
123276
|
+
} else {
|
|
123277
|
+
if (targetAssetType === 'media') {
|
|
123278
|
+
modal = this.builderStuff.querySelector('.is-modal.mediaselect');
|
|
123279
|
+
iframe = modal.querySelector('iframe');
|
|
123280
|
+
if (iframe.src === 'about:blank') {
|
|
123281
|
+
if (this.opts.mediaSelect) iframe.src = this.opts.mediaSelect;else if (this.opts.imageSelect) iframe.src = this.opts.imageSelect;
|
|
123282
|
+
}
|
|
123283
|
+
} else if (targetAssetType === 'video') {
|
|
123284
|
+
modal = this.builderStuff.querySelector('.is-modal.videoselect');
|
|
123285
|
+
iframe = modal.querySelector('iframe');
|
|
123286
|
+
if (iframe.src === 'about:blank') iframe.src = this.opts.videoSelect;
|
|
123287
|
+
} else if (targetAssetType === 'image') {
|
|
123288
|
+
modal = this.builderStuff.querySelector('.is-modal.imageselect');
|
|
123289
|
+
iframe = modal.querySelector('iframe');
|
|
123290
|
+
if (iframe.src === 'about:blank') iframe.src = this.opts.imageSelect;
|
|
123291
|
+
} else if (targetAssetType === 'audio') {
|
|
123292
|
+
modal = this.builderStuff.querySelector('.is-modal.audioselect');
|
|
123293
|
+
iframe = modal.querySelector('iframe');
|
|
123294
|
+
if (iframe.src === 'about:blank') iframe.src = this.opts.audioSelect;
|
|
123295
|
+
} else if (targetAssetType === 'all') {
|
|
123296
|
+
modal = this.builderStuff.querySelector('.is-modal.fileselect');
|
|
123297
|
+
iframe = modal.querySelector('iframe');
|
|
123298
|
+
if (iframe.src === 'about:blank') iframe.src = this.opts.fileSelect;
|
|
123299
|
+
}
|
|
123148
123300
|
}
|
|
123149
123301
|
this.util.showModal(modal, false, () => {
|
|
123150
123302
|
theTrigger.removeAttribute('data-focus');
|
|
@@ -153780,13 +153932,30 @@ class IframePanel {
|
|
|
153780
153932
|
|
|
153781
153933
|
}
|
|
153782
153934
|
|
|
153783
|
-
loadIframe() {
|
|
153935
|
+
async loadIframe() {
|
|
153784
153936
|
let iframe = this.editPanel.querySelector('iframe');
|
|
153785
153937
|
|
|
153786
153938
|
if (this.blankHtml !== '') {
|
|
153787
153939
|
iframe.srcdoc = this.blankHtml;
|
|
153788
153940
|
} else if (this.src !== '') {
|
|
153941
|
+
/*
|
|
153789
153942
|
iframe.setAttribute('src', this.src);
|
|
153943
|
+
*/
|
|
153944
|
+
if (this.src.indexOf('http') !== 0) {
|
|
153945
|
+
iframe.setAttribute('src', this.src);
|
|
153946
|
+
} else {
|
|
153947
|
+
let result = await fetch(this.src);
|
|
153948
|
+
result = await result.text();
|
|
153949
|
+
result = result.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`); // Add base href
|
|
153950
|
+
// let blankPageBasePath = this.src.slice(0, this.src.lastIndexOf('/') + 1);
|
|
153951
|
+
// result = result.replace(/<head>/i, '<head><base href="' +blankPageBasePath+ '">');
|
|
153952
|
+
|
|
153953
|
+
if (this.builder.blankPageBasePath) {
|
|
153954
|
+
result = result.replace(/<head>/i, '<head><base href="' + this.builder.blankPageBasePath + '">');
|
|
153955
|
+
}
|
|
153956
|
+
|
|
153957
|
+
iframe.srcdoc = result;
|
|
153958
|
+
}
|
|
153790
153959
|
} else {
|
|
153791
153960
|
alert('Please specify src attribute.');
|
|
153792
153961
|
}
|
|
@@ -159202,6 +159371,7 @@ class ContentBox {
|
|
|
159202
159371
|
'Content-Type': 'application/json'
|
|
159203
159372
|
},
|
|
159204
159373
|
headers: {},
|
|
159374
|
+
metadata: {},
|
|
159205
159375
|
|
|
159206
159376
|
/* Prompt/Command Stuff */
|
|
159207
159377
|
consoleLog: false,
|
|
@@ -160217,6 +160387,9 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
|
|
|
160217
160387
|
|
|
160218
160388
|
editorSetup() {
|
|
160219
160389
|
this.editor = new ContentBuilder({
|
|
160390
|
+
assetManagerBasePath: this.settings.assetManagerBasePath || '',
|
|
160391
|
+
assetAbsoluteBasePath: this.settings.assetAbsoluteBasePath || '',
|
|
160392
|
+
metadata: this.settings.metadata,
|
|
160220
160393
|
enableDictation: this.settings.enableDictation,
|
|
160221
160394
|
onStartRequest: this.settings.onStartRequest,
|
|
160222
160395
|
controlPanel: this.settings.controlPanel,
|