feat: tinymce
This commit is contained in:
wangqiao
926
static/tinymce/plugins/help/plugin.js
Normal file
926
static/tinymce/plugins/help/plugin.js
Normal file
@ -0,0 +1,926 @@
|
||||
/**
|
||||
* TinyMCE version 7.7.2 (2025-03-19)
|
||||
*/
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
const Cell = initial => {
|
||||
let value = initial;
|
||||
const get = () => {
|
||||
return value;
|
||||
};
|
||||
const set = v => {
|
||||
value = v;
|
||||
};
|
||||
return {
|
||||
get,
|
||||
set
|
||||
};
|
||||
};
|
||||
|
||||
var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||||
|
||||
const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
|
||||
|
||||
let unique = 0;
|
||||
const generate = prefix => {
|
||||
const date = new Date();
|
||||
const time = date.getTime();
|
||||
const random$1 = Math.floor(random() * 1000000000);
|
||||
unique++;
|
||||
return prefix + '_' + random$1 + unique + String(time);
|
||||
};
|
||||
|
||||
const get$1 = customTabs => {
|
||||
const addTab = spec => {
|
||||
var _a;
|
||||
const name = (_a = spec.name) !== null && _a !== void 0 ? _a : generate('tab-name');
|
||||
const currentCustomTabs = customTabs.get();
|
||||
currentCustomTabs[name] = spec;
|
||||
customTabs.set(currentCustomTabs);
|
||||
};
|
||||
return { addTab };
|
||||
};
|
||||
|
||||
const register$2 = (editor, dialogOpener) => {
|
||||
editor.addCommand('mceHelp', dialogOpener);
|
||||
};
|
||||
|
||||
const option = name => editor => editor.options.get(name);
|
||||
const register$1 = editor => {
|
||||
const registerOption = editor.options.register;
|
||||
registerOption('help_tabs', { processor: 'array' });
|
||||
};
|
||||
const getHelpTabs = option('help_tabs');
|
||||
const getForcedPlugins = option('forced_plugins');
|
||||
|
||||
const register = (editor, dialogOpener) => {
|
||||
editor.ui.registry.addButton('help', {
|
||||
icon: 'help',
|
||||
tooltip: 'Help',
|
||||
onAction: dialogOpener,
|
||||
context: 'any'
|
||||
});
|
||||
editor.ui.registry.addMenuItem('help', {
|
||||
text: 'Help',
|
||||
icon: 'help',
|
||||
shortcut: 'Alt+0',
|
||||
onAction: dialogOpener,
|
||||
context: 'any'
|
||||
});
|
||||
};
|
||||
|
||||
const hasProto = (v, constructor, predicate) => {
|
||||
var _a;
|
||||
if (predicate(v, constructor.prototype)) {
|
||||
return true;
|
||||
} else {
|
||||
return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
|
||||
}
|
||||
};
|
||||
const typeOf = x => {
|
||||
const t = typeof x;
|
||||
if (x === null) {
|
||||
return 'null';
|
||||
} else if (t === 'object' && Array.isArray(x)) {
|
||||
return 'array';
|
||||
} else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
|
||||
return 'string';
|
||||
} else {
|
||||
return t;
|
||||
}
|
||||
};
|
||||
const isType = type => value => typeOf(value) === type;
|
||||
const isSimpleType = type => value => typeof value === type;
|
||||
const eq = t => a => t === a;
|
||||
const isString = isType('string');
|
||||
const isUndefined = eq(undefined);
|
||||
const isNullable = a => a === null || a === undefined;
|
||||
const isNonNullable = a => !isNullable(a);
|
||||
const isFunction = isSimpleType('function');
|
||||
|
||||
const constant = value => {
|
||||
return () => {
|
||||
return value;
|
||||
};
|
||||
};
|
||||
const never = constant(false);
|
||||
|
||||
class Optional {
|
||||
constructor(tag, value) {
|
||||
this.tag = tag;
|
||||
this.value = value;
|
||||
}
|
||||
static some(value) {
|
||||
return new Optional(true, value);
|
||||
}
|
||||
static none() {
|
||||
return Optional.singletonNone;
|
||||
}
|
||||
fold(onNone, onSome) {
|
||||
if (this.tag) {
|
||||
return onSome(this.value);
|
||||
} else {
|
||||
return onNone();
|
||||
}
|
||||
}
|
||||
isSome() {
|
||||
return this.tag;
|
||||
}
|
||||
isNone() {
|
||||
return !this.tag;
|
||||
}
|
||||
map(mapper) {
|
||||
if (this.tag) {
|
||||
return Optional.some(mapper(this.value));
|
||||
} else {
|
||||
return Optional.none();
|
||||
}
|
||||
}
|
||||
bind(binder) {
|
||||
if (this.tag) {
|
||||
return binder(this.value);
|
||||
} else {
|
||||
return Optional.none();
|
||||
}
|
||||
}
|
||||
exists(predicate) {
|
||||
return this.tag && predicate(this.value);
|
||||
}
|
||||
forall(predicate) {
|
||||
return !this.tag || predicate(this.value);
|
||||
}
|
||||
filter(predicate) {
|
||||
if (!this.tag || predicate(this.value)) {
|
||||
return this;
|
||||
} else {
|
||||
return Optional.none();
|
||||
}
|
||||
}
|
||||
getOr(replacement) {
|
||||
return this.tag ? this.value : replacement;
|
||||
}
|
||||
or(replacement) {
|
||||
return this.tag ? this : replacement;
|
||||
}
|
||||
getOrThunk(thunk) {
|
||||
return this.tag ? this.value : thunk();
|
||||
}
|
||||
orThunk(thunk) {
|
||||
return this.tag ? this : thunk();
|
||||
}
|
||||
getOrDie(message) {
|
||||
if (!this.tag) {
|
||||
throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
|
||||
} else {
|
||||
return this.value;
|
||||
}
|
||||
}
|
||||
static from(value) {
|
||||
return isNonNullable(value) ? Optional.some(value) : Optional.none();
|
||||
}
|
||||
getOrNull() {
|
||||
return this.tag ? this.value : null;
|
||||
}
|
||||
getOrUndefined() {
|
||||
return this.value;
|
||||
}
|
||||
each(worker) {
|
||||
if (this.tag) {
|
||||
worker(this.value);
|
||||
}
|
||||
}
|
||||
toArray() {
|
||||
return this.tag ? [this.value] : [];
|
||||
}
|
||||
toString() {
|
||||
return this.tag ? `some(${ this.value })` : 'none()';
|
||||
}
|
||||
}
|
||||
Optional.singletonNone = new Optional(false);
|
||||
|
||||
const nativeSlice = Array.prototype.slice;
|
||||
const nativeIndexOf = Array.prototype.indexOf;
|
||||
const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
|
||||
const contains = (xs, x) => rawIndexOf(xs, x) > -1;
|
||||
const map = (xs, f) => {
|
||||
const len = xs.length;
|
||||
const r = new Array(len);
|
||||
for (let i = 0; i < len; i++) {
|
||||
const x = xs[i];
|
||||
r[i] = f(x, i);
|
||||
}
|
||||
return r;
|
||||
};
|
||||
const filter = (xs, pred) => {
|
||||
const r = [];
|
||||
for (let i = 0, len = xs.length; i < len; i++) {
|
||||
const x = xs[i];
|
||||
if (pred(x, i)) {
|
||||
r.push(x);
|
||||
}
|
||||
}
|
||||
return r;
|
||||
};
|
||||
const findUntil = (xs, pred, until) => {
|
||||
for (let i = 0, len = xs.length; i < len; i++) {
|
||||
const x = xs[i];
|
||||
if (pred(x, i)) {
|
||||
return Optional.some(x);
|
||||
} else if (until(x, i)) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return Optional.none();
|
||||
};
|
||||
const find = (xs, pred) => {
|
||||
return findUntil(xs, pred, never);
|
||||
};
|
||||
const sort = (xs, comparator) => {
|
||||
const copy = nativeSlice.call(xs, 0);
|
||||
copy.sort(comparator);
|
||||
return copy;
|
||||
};
|
||||
|
||||
const keys = Object.keys;
|
||||
const hasOwnProperty = Object.hasOwnProperty;
|
||||
const get = (obj, key) => {
|
||||
return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
|
||||
};
|
||||
const has = (obj, key) => hasOwnProperty.call(obj, key);
|
||||
|
||||
const cat = arr => {
|
||||
const r = [];
|
||||
const push = x => {
|
||||
r.push(x);
|
||||
};
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
arr[i].each(push);
|
||||
}
|
||||
return r;
|
||||
};
|
||||
|
||||
var global$3 = tinymce.util.Tools.resolve('tinymce.Resource');
|
||||
|
||||
var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
|
||||
|
||||
const pLoadHtmlByLangCode = (baseUrl, langCode) => global$3.load(`tinymce.html-i18n.help-keynav.${ langCode }`, `${ baseUrl }/js/i18n/keynav/${ langCode }.js`);
|
||||
const pLoadI18nHtml = baseUrl => pLoadHtmlByLangCode(baseUrl, global$2.getCode()).catch(() => pLoadHtmlByLangCode(baseUrl, 'en'));
|
||||
const initI18nLoad = (editor, baseUrl) => {
|
||||
editor.on('init', () => {
|
||||
pLoadI18nHtml(baseUrl);
|
||||
});
|
||||
};
|
||||
|
||||
const pTab = async pluginUrl => {
|
||||
const body = {
|
||||
type: 'htmlpanel',
|
||||
presets: 'document',
|
||||
html: await pLoadI18nHtml(pluginUrl)
|
||||
};
|
||||
return {
|
||||
name: 'keyboardnav',
|
||||
title: 'Keyboard Navigation',
|
||||
items: [body]
|
||||
};
|
||||
};
|
||||
|
||||
var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
|
||||
|
||||
const convertText = source => {
|
||||
const isMac = global$1.os.isMacOS() || global$1.os.isiOS();
|
||||
const mac = {
|
||||
alt: '⌥',
|
||||
ctrl: '⌃',
|
||||
shift: '⇧',
|
||||
meta: '⌘',
|
||||
access: '⌃⌥'
|
||||
};
|
||||
const other = {
|
||||
meta: 'Ctrl ',
|
||||
access: 'Shift + Alt '
|
||||
};
|
||||
const replace = isMac ? mac : other;
|
||||
const shortcut = source.split('+');
|
||||
const updated = map(shortcut, segment => {
|
||||
const search = segment.toLowerCase().trim();
|
||||
return has(replace, search) ? replace[search] : segment;
|
||||
});
|
||||
return isMac ? updated.join('').replace(/\s/, '') : updated.join('+');
|
||||
};
|
||||
|
||||
const shortcuts = [
|
||||
{
|
||||
shortcuts: ['Meta + B'],
|
||||
action: 'Bold'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + I'],
|
||||
action: 'Italic'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + U'],
|
||||
action: 'Underline'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + A'],
|
||||
action: 'Select all'
|
||||
},
|
||||
{
|
||||
shortcuts: [
|
||||
'Meta + Y',
|
||||
'Meta + Shift + Z'
|
||||
],
|
||||
action: 'Redo'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + Z'],
|
||||
action: 'Undo'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 1'],
|
||||
action: 'Heading 1'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 2'],
|
||||
action: 'Heading 2'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 3'],
|
||||
action: 'Heading 3'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 4'],
|
||||
action: 'Heading 4'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 5'],
|
||||
action: 'Heading 5'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 6'],
|
||||
action: 'Heading 6'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 7'],
|
||||
action: 'Paragraph'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 8'],
|
||||
action: 'Div'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Access + 9'],
|
||||
action: 'Address'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Alt + 0'],
|
||||
action: 'Open help dialog'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Alt + F9'],
|
||||
action: 'Focus to menubar'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Alt + F10'],
|
||||
action: 'Focus to toolbar'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Alt + F11'],
|
||||
action: 'Focus to element path'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Alt + F12'],
|
||||
action: 'Focus to notification'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Ctrl + F9'],
|
||||
action: 'Focus to contextual toolbar'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Shift + Enter'],
|
||||
action: 'Open popup menu for split buttons'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + K'],
|
||||
action: 'Insert link (if link plugin activated)'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + S'],
|
||||
action: 'Save (if save plugin activated)'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + F'],
|
||||
action: 'Find (if searchreplace plugin activated)'
|
||||
},
|
||||
{
|
||||
shortcuts: ['Meta + Shift + F'],
|
||||
action: 'Switch to or from fullscreen mode'
|
||||
}
|
||||
];
|
||||
|
||||
const tab$2 = () => {
|
||||
const shortcutList = map(shortcuts, shortcut => {
|
||||
const shortcutText = map(shortcut.shortcuts, convertText).join(' or ');
|
||||
return [
|
||||
shortcut.action,
|
||||
shortcutText
|
||||
];
|
||||
});
|
||||
const tablePanel = {
|
||||
type: 'table',
|
||||
header: [
|
||||
'Action',
|
||||
'Shortcut'
|
||||
],
|
||||
cells: shortcutList
|
||||
};
|
||||
return {
|
||||
name: 'shortcuts',
|
||||
title: 'Handy Shortcuts',
|
||||
items: [tablePanel]
|
||||
};
|
||||
};
|
||||
|
||||
const urls = map([
|
||||
{
|
||||
key: 'accordion',
|
||||
name: 'Accordion'
|
||||
},
|
||||
{
|
||||
key: 'anchor',
|
||||
name: 'Anchor'
|
||||
},
|
||||
{
|
||||
key: 'autolink',
|
||||
name: 'Autolink'
|
||||
},
|
||||
{
|
||||
key: 'autoresize',
|
||||
name: 'Autoresize'
|
||||
},
|
||||
{
|
||||
key: 'autosave',
|
||||
name: 'Autosave'
|
||||
},
|
||||
{
|
||||
key: 'charmap',
|
||||
name: 'Character Map'
|
||||
},
|
||||
{
|
||||
key: 'code',
|
||||
name: 'Code'
|
||||
},
|
||||
{
|
||||
key: 'codesample',
|
||||
name: 'Code Sample'
|
||||
},
|
||||
{
|
||||
key: 'colorpicker',
|
||||
name: 'Color Picker'
|
||||
},
|
||||
{
|
||||
key: 'directionality',
|
||||
name: 'Directionality'
|
||||
},
|
||||
{
|
||||
key: 'emoticons',
|
||||
name: 'Emoticons'
|
||||
},
|
||||
{
|
||||
key: 'fullscreen',
|
||||
name: 'Full Screen'
|
||||
},
|
||||
{
|
||||
key: 'help',
|
||||
name: 'Help'
|
||||
},
|
||||
{
|
||||
key: 'image',
|
||||
name: 'Image'
|
||||
},
|
||||
{
|
||||
key: 'importcss',
|
||||
name: 'Import CSS'
|
||||
},
|
||||
{
|
||||
key: 'insertdatetime',
|
||||
name: 'Insert Date/Time'
|
||||
},
|
||||
{
|
||||
key: 'link',
|
||||
name: 'Link'
|
||||
},
|
||||
{
|
||||
key: 'lists',
|
||||
name: 'Lists'
|
||||
},
|
||||
{
|
||||
key: 'advlist',
|
||||
name: 'List Styles'
|
||||
},
|
||||
{
|
||||
key: 'media',
|
||||
name: 'Media'
|
||||
},
|
||||
{
|
||||
key: 'nonbreaking',
|
||||
name: 'Nonbreaking'
|
||||
},
|
||||
{
|
||||
key: 'pagebreak',
|
||||
name: 'Page Break'
|
||||
},
|
||||
{
|
||||
key: 'preview',
|
||||
name: 'Preview'
|
||||
},
|
||||
{
|
||||
key: 'quickbars',
|
||||
name: 'Quick Toolbars'
|
||||
},
|
||||
{
|
||||
key: 'save',
|
||||
name: 'Save'
|
||||
},
|
||||
{
|
||||
key: 'searchreplace',
|
||||
name: 'Search and Replace'
|
||||
},
|
||||
{
|
||||
key: 'table',
|
||||
name: 'Table'
|
||||
},
|
||||
{
|
||||
key: 'textcolor',
|
||||
name: 'Text Color'
|
||||
},
|
||||
{
|
||||
key: 'visualblocks',
|
||||
name: 'Visual Blocks'
|
||||
},
|
||||
{
|
||||
key: 'visualchars',
|
||||
name: 'Visual Characters'
|
||||
},
|
||||
{
|
||||
key: 'wordcount',
|
||||
name: 'Word Count'
|
||||
},
|
||||
{
|
||||
key: 'a11ychecker',
|
||||
name: 'Accessibility Checker',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'typography',
|
||||
name: 'Advanced Typography',
|
||||
type: 'premium',
|
||||
slug: 'advanced-typography'
|
||||
},
|
||||
{
|
||||
key: 'ai',
|
||||
name: 'AI Assistant',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'casechange',
|
||||
name: 'Case Change',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'checklist',
|
||||
name: 'Checklist',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'advcode',
|
||||
name: 'Enhanced Code Editor',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'mediaembed',
|
||||
name: 'Enhanced Media Embed',
|
||||
type: 'premium',
|
||||
slug: 'introduction-to-mediaembed'
|
||||
},
|
||||
{
|
||||
key: 'advtable',
|
||||
name: 'Enhanced Tables',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'exportpdf',
|
||||
name: 'Export to PDF',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'exportword',
|
||||
name: 'Export to Word',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'footnotes',
|
||||
name: 'Footnotes',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'formatpainter',
|
||||
name: 'Format Painter',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'editimage',
|
||||
name: 'Image Editing',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'uploadcare',
|
||||
name: 'Image Optimizer Powered by Uploadcare',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'importword',
|
||||
name: 'Import from Word',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'inlinecss',
|
||||
name: 'Inline CSS',
|
||||
type: 'premium',
|
||||
slug: 'inline-css'
|
||||
},
|
||||
{
|
||||
key: 'linkchecker',
|
||||
name: 'Link Checker',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'math',
|
||||
name: 'Math',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'markdown',
|
||||
name: 'Markdown',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'mentions',
|
||||
name: 'Mentions',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'mergetags',
|
||||
name: 'Merge Tags',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'pageembed',
|
||||
name: 'Page Embed',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'permanentpen',
|
||||
name: 'Permanent Pen',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'powerpaste',
|
||||
name: 'PowerPaste',
|
||||
type: 'premium',
|
||||
slug: 'introduction-to-powerpaste'
|
||||
},
|
||||
{
|
||||
key: 'revisionhistory',
|
||||
name: 'Revision History',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'tinymcespellchecker',
|
||||
name: 'Spell Checker',
|
||||
type: 'premium',
|
||||
slug: 'introduction-to-tiny-spellchecker'
|
||||
},
|
||||
{
|
||||
key: 'autocorrect',
|
||||
name: 'Spelling Autocorrect',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'tableofcontents',
|
||||
name: 'Table of Contents',
|
||||
type: 'premium'
|
||||
},
|
||||
{
|
||||
key: 'advtemplate',
|
||||
name: 'Templates',
|
||||
type: 'premium',
|
||||
slug: 'advanced-templates'
|
||||
},
|
||||
{
|
||||
key: 'tinycomments',
|
||||
name: 'Tiny Comments',
|
||||
type: 'premium',
|
||||
slug: 'introduction-to-tiny-comments'
|
||||
},
|
||||
{
|
||||
key: 'tinydrive',
|
||||
name: 'Tiny Drive',
|
||||
type: 'premium',
|
||||
slug: 'tinydrive-introduction'
|
||||
}
|
||||
], item => ({
|
||||
...item,
|
||||
type: item.type || 'opensource',
|
||||
slug: item.slug || item.key
|
||||
}));
|
||||
|
||||
const tab$1 = editor => {
|
||||
const availablePlugins = () => {
|
||||
const premiumPlugins = filter(urls, ({type}) => {
|
||||
return type === 'premium';
|
||||
});
|
||||
const sortedPremiumPlugins = sort(map(premiumPlugins, p => p.name), (s1, s2) => s1.localeCompare(s2));
|
||||
const premiumPluginList = map(sortedPremiumPlugins, pluginName => `<li>${ pluginName }</li>`).join('');
|
||||
return '<div>' + '<p><b>' + global$2.translate('Premium plugins:') + '</b></p>' + '<ul>' + premiumPluginList + '<li class="tox-help__more-link" ">' + '<a href="https://www.tiny.cloud/pricing/?utm_campaign=help_dialog_plugin_tab&utm_source=tiny&utm_medium=referral&utm_term=read_more&utm_content=premium_plugin_heading" rel="noopener" target="_blank"' + ' data-alloy-tabstop="true" tabindex="-1">' + global$2.translate('Learn more...') + '</a></li>' + '</ul>' + '</div>';
|
||||
};
|
||||
const makeLink = p => `<a data-alloy-tabstop="true" tabindex="-1" href="${ p.url }" target="_blank" rel="noopener">${ p.name }</a>`;
|
||||
const identifyUnknownPlugin = (editor, key) => {
|
||||
const getMetadata = editor.plugins[key].getMetadata;
|
||||
if (isFunction(getMetadata)) {
|
||||
const metadata = getMetadata();
|
||||
return {
|
||||
name: metadata.name,
|
||||
html: makeLink(metadata)
|
||||
};
|
||||
} else {
|
||||
return {
|
||||
name: key,
|
||||
html: key
|
||||
};
|
||||
}
|
||||
};
|
||||
const getPluginData = (editor, key) => find(urls, x => {
|
||||
return x.key === key;
|
||||
}).fold(() => {
|
||||
return identifyUnknownPlugin(editor, key);
|
||||
}, x => {
|
||||
const name = x.type === 'premium' ? `${ x.name }*` : x.name;
|
||||
const html = makeLink({
|
||||
name,
|
||||
url: `https://www.tiny.cloud/docs/tinymce/7/${ x.slug }/`
|
||||
});
|
||||
return {
|
||||
name,
|
||||
html
|
||||
};
|
||||
});
|
||||
const getPluginKeys = editor => {
|
||||
const keys$1 = keys(editor.plugins);
|
||||
const forcedPlugins = getForcedPlugins(editor);
|
||||
return isUndefined(forcedPlugins) ? keys$1 : filter(keys$1, k => !contains(forcedPlugins, k));
|
||||
};
|
||||
const pluginLister = editor => {
|
||||
const pluginKeys = getPluginKeys(editor);
|
||||
const sortedPluginData = sort(map(pluginKeys, k => getPluginData(editor, k)), (pd1, pd2) => pd1.name.localeCompare(pd2.name));
|
||||
const pluginLis = map(sortedPluginData, key => {
|
||||
return '<li>' + key.html + '</li>';
|
||||
});
|
||||
const count = pluginLis.length;
|
||||
const pluginsString = pluginLis.join('');
|
||||
const html = '<p><b>' + global$2.translate([
|
||||
'Plugins installed ({0}):',
|
||||
count
|
||||
]) + '</b></p>' + '<ul>' + pluginsString + '</ul>';
|
||||
return html;
|
||||
};
|
||||
const installedPlugins = editor => {
|
||||
if (editor == null) {
|
||||
return '';
|
||||
}
|
||||
return '<div>' + pluginLister(editor) + '</div>';
|
||||
};
|
||||
const htmlPanel = {
|
||||
type: 'htmlpanel',
|
||||
presets: 'document',
|
||||
html: [
|
||||
installedPlugins(editor),
|
||||
availablePlugins()
|
||||
].join('')
|
||||
};
|
||||
return {
|
||||
name: 'plugins',
|
||||
title: 'Plugins',
|
||||
items: [htmlPanel]
|
||||
};
|
||||
};
|
||||
|
||||
var global = tinymce.util.Tools.resolve('tinymce.EditorManager');
|
||||
|
||||
const tab = () => {
|
||||
const getVersion = (major, minor) => major.indexOf('@') === 0 ? 'X.X.X' : major + '.' + minor;
|
||||
const version = getVersion(global.majorVersion, global.minorVersion);
|
||||
const changeLogLink = '<a data-alloy-tabstop="true" tabindex="-1" href="https://www.tiny.cloud/docs/tinymce/7/changelog/?utm_campaign=help_dialog_version_tab&utm_source=tiny&utm_medium=referral" rel="noopener" target="_blank">TinyMCE ' + version + '</a>';
|
||||
const htmlPanel = {
|
||||
type: 'htmlpanel',
|
||||
html: '<p>' + global$2.translate([
|
||||
'You are using {0}',
|
||||
changeLogLink
|
||||
]) + '</p>',
|
||||
presets: 'document'
|
||||
};
|
||||
return {
|
||||
name: 'versions',
|
||||
title: 'Version',
|
||||
items: [htmlPanel]
|
||||
};
|
||||
};
|
||||
|
||||
const parseHelpTabsSetting = (tabsFromSettings, tabs) => {
|
||||
const newTabs = {};
|
||||
const names = map(tabsFromSettings, t => {
|
||||
var _a;
|
||||
if (isString(t)) {
|
||||
if (has(tabs, t)) {
|
||||
newTabs[t] = tabs[t];
|
||||
}
|
||||
return t;
|
||||
} else {
|
||||
const name = (_a = t.name) !== null && _a !== void 0 ? _a : generate('tab-name');
|
||||
newTabs[name] = t;
|
||||
return name;
|
||||
}
|
||||
});
|
||||
return {
|
||||
tabs: newTabs,
|
||||
names
|
||||
};
|
||||
};
|
||||
const getNamesFromTabs = tabs => {
|
||||
const names = keys(tabs);
|
||||
const idx = names.indexOf('versions');
|
||||
if (idx !== -1) {
|
||||
names.splice(idx, 1);
|
||||
names.push('versions');
|
||||
}
|
||||
return {
|
||||
tabs,
|
||||
names
|
||||
};
|
||||
};
|
||||
const pParseCustomTabs = async (editor, customTabs, pluginUrl) => {
|
||||
const shortcuts = tab$2();
|
||||
const nav = await pTab(pluginUrl);
|
||||
const plugins = tab$1(editor);
|
||||
const versions = tab();
|
||||
const tabs = {
|
||||
[shortcuts.name]: shortcuts,
|
||||
[nav.name]: nav,
|
||||
[plugins.name]: plugins,
|
||||
[versions.name]: versions,
|
||||
...customTabs.get()
|
||||
};
|
||||
return Optional.from(getHelpTabs(editor)).fold(() => getNamesFromTabs(tabs), tabsFromSettings => parseHelpTabsSetting(tabsFromSettings, tabs));
|
||||
};
|
||||
const init = (editor, customTabs, pluginUrl) => () => {
|
||||
pParseCustomTabs(editor, customTabs, pluginUrl).then(({tabs, names}) => {
|
||||
const foundTabs = map(names, name => get(tabs, name));
|
||||
const dialogTabs = cat(foundTabs);
|
||||
const body = {
|
||||
type: 'tabpanel',
|
||||
tabs: dialogTabs
|
||||
};
|
||||
editor.windowManager.open({
|
||||
title: 'Help',
|
||||
size: 'medium',
|
||||
body,
|
||||
buttons: [{
|
||||
type: 'cancel',
|
||||
name: 'close',
|
||||
text: 'Close',
|
||||
primary: true
|
||||
}],
|
||||
initialData: {}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
var Plugin = () => {
|
||||
global$4.add('help', (editor, pluginUrl) => {
|
||||
const customTabs = Cell({});
|
||||
const api = get$1(customTabs);
|
||||
register$1(editor);
|
||||
const dialogOpener = init(editor, customTabs, pluginUrl);
|
||||
register(editor, dialogOpener);
|
||||
register$2(editor, dialogOpener);
|
||||
editor.shortcuts.add('Alt+0', 'Open help dialog', 'mceHelp');
|
||||
initI18nLoad(editor, pluginUrl);
|
||||
return api;
|
||||
});
|
||||
};
|
||||
|
||||
Plugin();
|
||||
|
||||
})();
|
||||
Reference in New Issue
Block a user