tinymce-plugin
Version:
tinymce-plugin
186 lines (185 loc) • 9.05 kB
JavaScript
/*!
* @plugin @tinymce-plugin/tp-layout
* @version 0.0.2 (2022-8-3)
* @description 一键排版
* @copyright (2022) Five(Li Hailong) . All rights reserved. https://github.com/tinymce-plugin/tp-layout
*/
(function() {
"use strict";
var layoutOpt = function(editor) {
return editor.getParam("tp_layout_options", { selection: "p,table,tr,td,h1,h2,h3,h4,h5,h6,ul,blockquote", clearStyle: [], filterTags: ["table>*", "img"], style: { "text-align": "justify", "text-indent": "2em", "line-height": 1.5 }, tagsStyle: {} });
};
var layout_filterTags = {};
var layout_filterTagsRegex = {};
var doAct = function(editor) {
var dom = editor.dom;
var blocks = [];
var global$1 = tinymce.util.Tools.resolve("tinymce.util.Tools");
editor.execCommand("selectAll");
var layout_opt = layoutOpt(editor);
for (var key in layout_opt.filterTags) {
layout_opt.filterTags[key].indexOf(">*") != -1 ? layout_filterTagsRegex[layout_opt.filterTags[key].replace(">*", "").toUpperCase()] = true : layout_filterTags[layout_opt.filterTags[key].toUpperCase()] = true;
}
layout_opt.selection = layout_opt.selection || "p,table,tr,td,h1,h2,h3,h4,h5,h6,ul,blockquote";
for (var key in layout_opt.tagsStyle) {
var ckeyList = key.split(",");
layout_opt.selection += "," + key;
for (var ckey in ckeyList)
ckeyList[ckey].indexOf(">*") != -1 ? layout_filterTagsRegex[ckeyList[ckey].replace(">*", "").toUpperCase()] = key : layout_filterTags[ckeyList[ckey].toUpperCase()] = key;
}
blocks = editor.selection.getNode().querySelectorAll(layout_opt.selection);
function _indent2$getValue(key2, str) {
var m = str.match(new RegExp(key2 + ':?(.+?)"?[;}]'));
return m ? m[1] : false;
}
function filterFun(el, _r) {
var parentSelector = "BODY";
var parents = el.tagName;
if (layout_filterTags[parents] || layout_filterTagsRegex[parents]) {
!layout_opt.tagsStyle[layout_filterTags[parents]] || _r ? _r ? removeStyleFun(el, layout_opt.tagsStyle[layout_filterTags[parents]]) : "" : setStyleFun(el, layout_opt.tagsStyle[layout_filterTags[parents]]);
return true;
}
var _p = el.parentNode;
var _pName = _p.tagName;
while (_pName !== parentSelector) {
var o = _p;
parents = _pName + ">" + parents;
if (layout_filterTags[parents] || layout_filterTagsRegex[_pName]) {
!layout_opt.tagsStyle[layout_filterTagsRegex[_pName]] || _r ? _r ? removeStyleFun(el, layout_opt.tagsStyle[layout_filterTagsRegex[_pName]]) : "" : setStyleFun(el, layout_opt.tagsStyle[layout_filterTagsRegex[_pName]]);
!layout_opt.tagsStyle[layout_filterTags[parents]] || _r ? _r ? removeStyleFun(el, layout_opt.tagsStyle[layout_filterTags[parents]]) : "" : setStyleFun(el, layout_opt.tagsStyle[layout_filterTags[parents]]);
return true;
}
_p = o.parentNode;
_pName = _p.tagName;
}
return false;
}
function clearStyleFun(_block) {
var style = dom.getAttrib(_block, "style");
for (var key2 in layout_opt.clearStyle) {
var reg = new RegExp(layout_opt.clearStyle[key2] + ':?(.+?)"?[;}]');
style = style.replace(reg, "");
}
dom.setAttrib(_block, "style", style);
}
function removeStyleFun(_block, _style) {
var style = dom.getAttrib(_block, "style");
for (var key2 in _style) {
var reg = new RegExp(key2 + ':?(.+?)"?[;}]');
style = style.replace(reg, "");
}
dom.setAttrib(_block, "style", style);
}
function setStyleFun(_block, _style) {
for (var key2 in _style) {
dom.setStyle(_block, key2, _style[key2]);
}
if (_style["text-indent"]) {
var kv = "", kl = "";
if (_block && _block.children["0"] && _block.children["0"].attributes && _block.children["0"].attributes.style) {
kv = _indent2$getValue("font-size", _block.children["0"].attributes.style.textContent);
kl = _indent2$getValue("letter-spacing", _block.children["0"].attributes.style.textContent);
if (kv) {
kv = (parseInt(kv) + parseInt(kl ? kl : 0)) * 2 + "px";
} else
kv = (parseInt(kl ? kl : 0) + 16) * 2 + "px";
}
dom.setStyle(_block, "text-indent", layout_opt.style["text-indent"] && layout_opt.style["text-indent"] != "2em" ? layout_opt.style["text-indent"] : kv ? kv : "2em");
}
}
var layoutAct = "";
if (blocks[0]) {
blocks[0].dataset.layoutFv = blocks[0].dataset.layoutFv ? "" : blocks[0].dataset.layoutFv = "layoutFV";
}
global$1.each(blocks, function(block) {
if (layoutAct == "") {
if (dom.hasClass(block, "layoutFV")) {
layoutAct = "remove";
dom.removeClass(block, "layoutFV");
} else {
layoutAct = "add";
dom.addClass(block, "layoutFV");
}
}
if (layoutAct == "add") {
!filterFun(block) ? setStyleFun(block, layout_opt.style) : "";
layout_opt.clearStyle ? clearStyleFun(block) : "";
} else {
!filterFun(block, "remove") ? removeStyleFun(block, layout_opt.style) : "";
}
});
};
var create = function(editor, value) {
editor.undoManager.transact(function() {
editor.focus();
doAct(editor);
});
};
var setup = function(editor, opt2) {
if (!editor.ui.registry.getAll().icons[opt2.registryName]) {
editor.ui.registry.addIcon(opt2.registryName, opt2.icon);
}
editor.ui.registry.addToggleButton(opt2.registryName, {
icon: opt2.registryName,
tooltip: opt2.title,
onAction: function() {
return create(editor);
}
});
editor.ui.registry.addMenuItem(opt2.registryName, {
icon: opt2.registryName,
text: opt2.title,
onAction: function() {
return create(editor);
}
});
};
var register = function(editor, opt2) {
editor.addCommand("mce".concat(opt2.registryName.substring(0, 1).toUpperCase() + opt2.registryName.substring(1)), function(ui, value) {
create(editor);
});
};
var setupI18n = function(e, o) {
// console.log(e);
try {
tinymce.util.XHR.send({
url: e.tp$.isDev() ? "/langs/i18n.json" : e.editorManager.PluginManager.urls[o.registryName] + "/langs/i18n.json",
async: false,
success: function(text) {
try {
e.tp$.I18n.add(e.settings.language, JSON.parse(text)[e.settings.language]);
} catch (error) {
}
},
});
}catch (error) {
}
};
var Plugin = function(opt2) {
tinymce.PluginManager.add(opt2.registryName, function(editor, url) {
setupI18n(editor, opt2);
setup(editor, opt2);
register(editor, opt2);
return {
getMetadata: function() {
return {
name: opt2.name,
url: opt2.repo
};
}
};
});
};
var opt = {
name: "Layout",
registryName: "tpLayout",
title: "One click layout",
repo: "https://github.com/tinymce-plugin/tp-layout",
icon: '<svg t="1603868236215" class="icon" viewBox="0 0 1035 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17720" width="20" height="20"><path d="M357.445818 285.358545L1005.730909 518.830545c21.76 8.192 32.628364 31.394909 24.471273 51.87491a40.634182 40.634182 0 0 1-21.748364 23.214545l-245.992727 110.592a80.034909 80.034909 0 0 0-42.135273 42.321455l-104.657454 249.856c-8.145455 20.48-32.616727 30.045091-53.003637 21.85309-10.868364-4.096-19.025455-13.661091-23.098182-24.576L305.792 337.221818a40.075636 40.075636 0 0 1 24.471273-51.874909c8.145455-4.096 17.664-4.096 27.182545 0z m8.145455-255.32509v99.67709c0 16.384-13.579636 30.033455-29.893818 30.033455-16.302545 0-29.905455-13.649455-29.905455-30.033455V30.021818C305.803636 13.649455 319.406545 0 335.709091 0c16.314182 0 29.905455 13.649455 29.905454 30.033455zM29.905455 303.104h99.211636c16.302545 0 29.905455 13.649455 29.905454 30.033455s-13.602909 30.045091-29.905454 30.04509H29.905455C13.591273 363.170909 0 349.521455 0 333.137455s13.591273-30.033455 29.905455-30.033455zM645.573818 66.897455l-144.058182 144.73309c-12.241455 12.288-29.905455 12.288-42.135272 0-12.229818-12.288-12.229818-30.045091 0-42.33309l144.058181-144.721455c12.229818-12.288 29.905455-12.288 42.135273 0 10.868364 10.926545 10.868364 30.033455 0 42.321455zM67.944727 20.48L212.014545 165.201455c12.241455 12.288 12.241455 30.045091 0 42.33309-12.218182 12.288-29.905455 12.288-42.123636 0L25.832727 62.801455c-12.241455-12.288-12.241455-30.033455 0-42.321455 10.868364-12.288 29.893818-12.288 42.123637 0z m149.515637 480.593455L73.402182 645.818182c-12.241455 12.288-29.905455 12.288-42.146909 0-12.218182-12.288-12.218182-30.045091 0-42.333091l144.058182-144.721455c12.241455-12.288 29.905455-12.288 42.146909 0 12.218182 12.288 12.218182 30.033455 0 42.321455z" style="width:20px; height:20px" p-id="17721"></path></svg>'
};
Plugin(opt);
var main = {
opt
};
return main;
}());