doc.createElement => createElement

This commit is contained in:
djmaze 2021-12-28 14:49:40 +01:00
parent c1dd6edc28
commit 950a5ad454

View file

@ -11,8 +11,10 @@ const
ctrlKey = shortcuts.getMetaKey() + ' + ', ctrlKey = shortcuts.getMetaKey() + ' + ',
tpl = doc.createElement('template'), createElement = name => doc.createElement(name),
clr = doc.createElement('input'),
tpl = createElement('template'),
clr = createElement('input'),
trimLines = html => html.trim().replace(/^(<div>\s*<br\s*\/?>\s*<\/div>)+/, '').trim(), trimLines = html => html.trim().replace(/^(<div>\s*<br\s*\/?>\s*<\/div>)+/, '').trim(),
clearHtmlLine = html => rl.Utils.htmlToPlain(html).trim(), clearHtmlLine = html => rl.Utils.htmlToPlain(html).trim(),
@ -318,10 +320,10 @@ class SquireUI
} }
}, },
plain = doc.createElement('textarea'), plain = createElement('textarea'),
wysiwyg = doc.createElement('div'), wysiwyg = createElement('div'),
toolbar = doc.createElement('div'), toolbar = createElement('div'),
browseImage = doc.createElement('input'), browseImage = createElement('input'),
squire = new Squire(wysiwyg, SquireDefaultConfig); squire = new Squire(wysiwyg, SquireDefaultConfig);
browseImage.type = 'file'; browseImage.type = 'file';
@ -356,17 +358,17 @@ class SquireUI
continue; continue;
} }
*/ */
let toolgroup = doc.createElement('div'); let toolgroup = createElement('div');
toolgroup.className = 'btn-group'; toolgroup.className = 'btn-group';
toolgroup.id = 'squire-toolgroup-'+group; toolgroup.id = 'squire-toolgroup-'+group;
for (action in actions[group]) { for (action in actions[group]) {
let cfg = actions[group][action], input, ev = 'click'; let cfg = actions[group][action], input, ev = 'click';
if (cfg.input) { if (cfg.input) {
input = doc.createElement('input'); input = createElement('input');
input.type = cfg.input; input.type = cfg.input;
ev = 'change'; ev = 'change';
} else if (cfg.select) { } else if (cfg.select) {
input = doc.createElement('select'); input = createElement('select');
input.className = 'btn'; input.className = 'btn';
if (Array.isArray(cfg.select)) { if (Array.isArray(cfg.select)) {
cfg.select.forEach(value => { cfg.select.forEach(value => {
@ -376,7 +378,7 @@ class SquireUI
}); });
} else { } else {
Object.entries(cfg.select).forEach(([label, options]) => { Object.entries(cfg.select).forEach(([label, options]) => {
let group = doc.createElement('optgroup'); let group = createElement('optgroup');
group.label = label; group.label = label;
Object.entries(options).forEach(([text, value]) => { Object.entries(options).forEach(([text, value]) => {
var option = new Option(text, value); var option = new Option(text, value);
@ -388,7 +390,7 @@ class SquireUI
} }
ev = 'input'; ev = 'input';
} else { } else {
input = doc.createElement('button'); input = createElement('button');
input.type = 'button'; input.type = 'button';
input.className = 'btn'; input.className = 'btn';
input.innerHTML = cfg.html; input.innerHTML = cfg.html;