/wp-includes/js/tinymce/themes/inlite/theme.js
JavaScript | 2168 lines | 1485 code | 335 blank | 348 comment | 120 complexity | 0708be140b906ad238f8080afd1fd280 MD5 | raw file
- (function () {
- var defs = {}; // id -> {dependencies, definition, instance (possibly undefined)}
- // Used when there is no 'main' module.
- // The name is probably (hopefully) unique so minification removes for releases.
- var register_3795 = function (id) {
- var module = dem(id);
- var fragments = id.split('.');
- var target = Function('return this;')();
- for (var i = 0; i < fragments.length - 1; ++i) {
- if (target[fragments[i]] === undefined)
- target[fragments[i]] = {};
- target = target[fragments[i]];
- }
- target[fragments[fragments.length - 1]] = module;
- };
- var instantiate = function (id) {
- var actual = defs[id];
- var dependencies = actual.deps;
- var definition = actual.defn;
- var len = dependencies.length;
- var instances = new Array(len);
- for (var i = 0; i < len; ++i)
- instances[i] = dem(dependencies[i]);
- var defResult = definition.apply(null, instances);
- if (defResult === undefined)
- throw 'module [' + id + '] returned undefined';
- actual.instance = defResult;
- };
- var def = function (id, dependencies, definition) {
- if (typeof id !== 'string')
- throw 'module id must be a string';
- else if (dependencies === undefined)
- throw 'no dependencies for ' + id;
- else if (definition === undefined)
- throw 'no definition function for ' + id;
- defs[id] = {
- deps: dependencies,
- defn: definition,
- instance: undefined
- };
- };
- var dem = function (id) {
- var actual = defs[id];
- if (actual === undefined)
- throw 'module [' + id + '] was undefined';
- else if (actual.instance === undefined)
- instantiate(id);
- return actual.instance;
- };
- var req = function (ids, callback) {
- var len = ids.length;
- var instances = new Array(len);
- for (var i = 0; i < len; ++i)
- instances.push(dem(ids[i]));
- callback.apply(null, callback);
- };
- var ephox = {};
- ephox.bolt = {
- module: {
- api: {
- define: def,
- require: req,
- demand: dem
- }
- }
- };
- var define = def;
- var require = req;
- var demand = dem;
- // this helps with minificiation when using a lot of global references
- var defineGlobal = function (id, ref) {
- define(id, [], function () { return ref; });
- };
- /*jsc
- ["tinymce.themes.inlite.Theme","tinymce.core.ThemeManager","tinymce.core.ui.Api","tinymce.core.util.Delay","tinymce.themes.inlite.alien.Arr","tinymce.themes.inlite.alien.EditorSettings","tinymce.themes.inlite.core.ElementMatcher","tinymce.themes.inlite.core.Matcher","tinymce.themes.inlite.core.PredicateId","tinymce.themes.inlite.core.SelectionMatcher","tinymce.themes.inlite.core.SkinLoader","tinymce.themes.inlite.ui.Buttons","tinymce.themes.inlite.ui.Panel","global!tinymce.util.Tools.resolve","tinymce.themes.inlite.alien.Type","tinymce.themes.inlite.core.Measure","tinymce.core.util.Tools","tinymce.core.EditorManager","tinymce.core.dom.DOMUtils","tinymce.core.ui.Factory","tinymce.themes.inlite.ui.Toolbar","tinymce.themes.inlite.ui.Forms","tinymce.themes.inlite.core.Layout","tinymce.themes.inlite.file.Conversions","tinymce.themes.inlite.file.Picker","tinymce.themes.inlite.core.Actions","tinymce.themes.inlite.core.Convert","tinymce.core.util.Promise","tinymce.themes.inlite.alien.Uuid","tinymce.themes.inlite.alien.Unlink","tinymce.themes.inlite.core.UrlType","tinymce.core.geom.Rect","tinymce.themes.inlite.alien.Bookmark","tinymce.core.dom.TreeWalker","tinymce.core.dom.RangeUtils"]
- jsc*/
- defineGlobal("global!tinymce.util.Tools.resolve", tinymce.util.Tools.resolve);
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.ThemeManager',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.ThemeManager');
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.ui.Api',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.ui.Api');
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.util.Delay',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.util.Delay');
- }
- );
- /**
- * Arr.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.alien.Arr',
- [
- ],
- function () {
- var flatten = function (arr) {
- return arr.reduce(function (results, item) {
- return Array.isArray(item) ? results.concat(flatten(item)) : results.concat(item);
- }, []);
- };
- return {
- flatten: flatten
- };
- }
- );
- /**
- * Type.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.alien.Type',
- [
- ],
- function () {
- var isType = function (type) {
- return function (value) {
- return typeof value === type;
- };
- };
- var isArray = function (value) {
- return Array.isArray(value);
- };
- var isNull = function (value) {
- return value === null;
- };
- var isObject = function (predicate) {
- return function (value) {
- return !isNull(value) && !isArray(value) && predicate(value);
- };
- };
- return {
- isString: isType("string"),
- isNumber: isType("number"),
- isBoolean: isType("boolean"),
- isFunction: isType("function"),
- isObject: isObject(isType("object")),
- isNull: isNull,
- isArray: isArray
- };
- }
- );
- /**
- * EditorSettings.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.alien.EditorSettings',
- [
- 'tinymce.themes.inlite.alien.Type'
- ],
- function (Type) {
- var validDefaultOrDie = function (value, predicate) {
- if (predicate(value)) {
- return true;
- }
- throw new Error('Default value doesn\'t match requested type.');
- };
- var getByTypeOr = function (predicate) {
- return function (editor, name, defaultValue) {
- var settings = editor.settings;
- validDefaultOrDie(defaultValue, predicate);
- return name in settings && predicate(settings[name]) ? settings[name] : defaultValue;
- };
- };
- var splitNoEmpty = function (str, delim) {
- return str.split(delim).filter(function (item) {
- return item.length > 0;
- });
- };
- var itemsToArray = function (value, defaultValue) {
- var stringToItemsArray = function (value) {
- return typeof value === 'string' ? splitNoEmpty(value, /[ ,]/) : value;
- };
- var boolToItemsArray = function (value, defaultValue) {
- return value === false ? [] : defaultValue;
- };
- if (Type.isArray(value)) {
- return value;
- } else if (Type.isString(value)) {
- return stringToItemsArray(value);
- } else if (Type.isBoolean(value)) {
- return boolToItemsArray(value, defaultValue);
- }
- return defaultValue;
- };
- var getToolbarItemsOr = function (predicate) {
- return function (editor, name, defaultValue) {
- var value = name in editor.settings ? editor.settings[name] : defaultValue;
- validDefaultOrDie(defaultValue, predicate);
- return itemsToArray(value, defaultValue);
- };
- };
- return {
- // TODO: Add Option based getString, getBool if merged with core
- getStringOr: getByTypeOr(Type.isString),
- getBoolOr: getByTypeOr(Type.isBoolean),
- getNumberOr: getByTypeOr(Type.isNumber),
- getHandlerOr: getByTypeOr(Type.isFunction),
- getToolbarItemsOr: getToolbarItemsOr(Type.isArray)
- };
- }
- );
- /**
- * Matcher.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.Matcher',
- [
- ],
- function () {
- // result :: String, Rect -> Matcher.result
- var result = function (id, rect) {
- return {
- id: id,
- rect: rect
- };
- };
- // match :: Editor, [(Editor -> Matcher.result | Null)] -> Matcher.result | Null
- var match = function (editor, matchers) {
- for (var i = 0; i < matchers.length; i++) {
- var f = matchers[i];
- var result = f(editor);
- if (result) {
- return result;
- }
- }
- return null;
- };
- return {
- match: match,
- result: result
- };
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.dom.DOMUtils',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.dom.DOMUtils');
- }
- );
- /**
- * Convert.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.Convert',
- [
- ],
- function () {
- var fromClientRect = function (clientRect) {
- return {
- x: clientRect.left,
- y: clientRect.top,
- w: clientRect.width,
- h: clientRect.height
- };
- };
- var toClientRect = function (geomRect) {
- return {
- left: geomRect.x,
- top: geomRect.y,
- width: geomRect.w,
- height: geomRect.h,
- right: geomRect.x + geomRect.w,
- bottom: geomRect.y + geomRect.h
- };
- };
- return {
- fromClientRect: fromClientRect,
- toClientRect: toClientRect
- };
- }
- );
- /**
- * Measure.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.Measure',
- [
- 'tinymce.core.dom.DOMUtils',
- 'tinymce.themes.inlite.core.Convert'
- ],
- function (DOMUtils, Convert) {
- var toAbsolute = function (rect) {
- var vp = DOMUtils.DOM.getViewPort();
- return {
- x: rect.x + vp.x,
- y: rect.y + vp.y,
- w: rect.w,
- h: rect.h
- };
- };
- var measureElement = function (elm) {
- var clientRect = elm.getBoundingClientRect();
- return toAbsolute({
- x: clientRect.left,
- y: clientRect.top,
- w: Math.max(elm.clientWidth, elm.offsetWidth),
- h: Math.max(elm.clientHeight, elm.offsetHeight)
- });
- };
- var getElementRect = function (editor, elm) {
- return measureElement(elm);
- };
- var getPageAreaRect = function (editor) {
- return measureElement(editor.getElement().ownerDocument.body);
- };
- var getContentAreaRect = function (editor) {
- return measureElement(editor.getContentAreaContainer() || editor.getBody());
- };
- var getSelectionRect = function (editor) {
- var clientRect = editor.selection.getBoundingClientRect();
- return clientRect ? toAbsolute(Convert.fromClientRect(clientRect)) : null;
- };
- return {
- getElementRect: getElementRect,
- getPageAreaRect: getPageAreaRect,
- getContentAreaRect: getContentAreaRect,
- getSelectionRect: getSelectionRect
- };
- }
- );
- /**
- * ElementMatcher.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.ElementMatcher',
- [
- 'tinymce.themes.inlite.core.Matcher',
- 'tinymce.themes.inlite.core.Measure'
- ],
- function (Matcher, Measure) {
- // element :: Element, [PredicateId] -> (Editor -> Matcher.result | Null)
- var element = function (element, predicateIds) {
- return function (editor) {
- for (var i = 0; i < predicateIds.length; i++) {
- if (predicateIds[i].predicate(element)) {
- return Matcher.result(predicateIds[i].id, Measure.getElementRect(editor, element));
- }
- }
- return null;
- };
- };
- // parent :: [Elements], [PredicateId] -> (Editor -> Matcher.result | Null)
- var parent = function (elements, predicateIds) {
- return function (editor) {
- for (var i = 0; i < elements.length; i++) {
- for (var x = 0; x < predicateIds.length; x++) {
- if (predicateIds[x].predicate(elements[i])) {
- return Matcher.result(predicateIds[x].id, Measure.getElementRect(editor, elements[i]));
- }
- }
- }
- return null;
- };
- };
- return {
- element: element,
- parent: parent
- };
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.util.Tools',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.util.Tools');
- }
- );
- /**
- * PredicateId.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.PredicateId',
- [
- 'tinymce.core.util.Tools'
- ],
- function (Tools) {
- var create = function (id, predicate) {
- return {
- id: id,
- predicate: predicate
- };
- };
- // fromContextToolbars :: [ContextToolbar] -> [PredicateId]
- var fromContextToolbars = function (toolbars) {
- return Tools.map(toolbars, function (toolbar) {
- return create(toolbar.id, toolbar.predicate);
- });
- };
- return {
- create: create,
- fromContextToolbars: fromContextToolbars
- };
- }
- );
- /**
- * SelectionMatcher.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.SelectionMatcher',
- [
- 'tinymce.themes.inlite.core.Matcher',
- 'tinymce.themes.inlite.core.Measure'
- ],
- function (Matcher, Measure) {
- // textSelection :: String -> (Editor -> Matcher.result | Null)
- var textSelection = function (id) {
- return function (editor) {
- if (!editor.selection.isCollapsed()) {
- return Matcher.result(id, Measure.getSelectionRect(editor));
- }
- return null;
- };
- };
- // emptyTextBlock :: [Elements], String -> (Editor -> Matcher.result | Null)
- var emptyTextBlock = function (elements, id) {
- return function (editor) {
- var i, textBlockElementsMap = editor.schema.getTextBlockElements();
- for (i = 0; i < elements.length; i++) {
- if (elements[i].nodeName === 'TABLE') {
- return null;
- }
- }
- for (i = 0; i < elements.length; i++) {
- if (elements[i].nodeName in textBlockElementsMap) {
- if (editor.dom.isEmpty(elements[i])) {
- return Matcher.result(id, Measure.getSelectionRect(editor));
- }
- return null;
- }
- }
- return null;
- };
- };
- return {
- textSelection: textSelection,
- emptyTextBlock: emptyTextBlock
- };
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.EditorManager',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.EditorManager');
- }
- );
- /**
- * SkinLoader.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.SkinLoader',
- [
- 'tinymce.core.EditorManager',
- 'tinymce.core.dom.DOMUtils'
- ],
- function (EditorManager, DOMUtils) {
- var fireSkinLoaded = function (editor, callback) {
- var done = function () {
- editor._skinLoaded = true;
- editor.fire('SkinLoaded');
- callback();
- };
- if (editor.initialized) {
- done();
- } else {
- editor.on('init', done);
- }
- };
- var urlFromName = function (name) {
- var prefix = EditorManager.baseURL + '/skins/';
- return name ? prefix + name : prefix + 'lightgray';
- };
- var toAbsoluteUrl = function (editor, url) {
- return editor.documentBaseURI.toAbsolute(url);
- };
- var load = function (editor, callback) {
- var settings = editor.settings;
- var skinUrl = settings.skin_url ? toAbsoluteUrl(editor, settings.skin_url) : urlFromName(settings.skin);
- var done = function () {
- fireSkinLoaded(editor, callback);
- };
- DOMUtils.DOM.styleSheetLoader.load(skinUrl + '/skin.min.css', done);
- editor.contentCSS.push(skinUrl + '/content.inline.min.css');
- };
- return {
- load: load
- };
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.ui.Factory',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.ui.Factory');
- }
- );
- /**
- * Toolbar.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.ui.Toolbar',
- [
- 'tinymce.core.util.Tools',
- 'tinymce.core.ui.Factory',
- 'tinymce.themes.inlite.alien.Type'
- ],
- function (Tools, Factory, Type) {
- var getSelectorStateResult = function (itemName, item) {
- var result = function (selector, handler) {
- return {
- selector: selector,
- handler: handler
- };
- };
- var activeHandler = function (state) {
- item.active(state);
- };
- var disabledHandler = function (state) {
- item.disabled(state);
- };
- if (item.settings.stateSelector) {
- return result(item.settings.stateSelector, activeHandler);
- }
- if (item.settings.disabledStateSelector) {
- return result(item.settings.disabledStateSelector, disabledHandler);
- }
- return null;
- };
- var bindSelectorChanged = function (editor, itemName, item) {
- return function () {
- var result = getSelectorStateResult(itemName, item);
- if (result !== null) {
- editor.selection.selectorChanged(result.selector, result.handler);
- }
- };
- };
- var itemsToArray = function (items) {
- if (Type.isArray(items)) {
- return items;
- } else if (Type.isString(items)) {
- return items.split(/[ ,]/);
- }
- return [];
- };
- var create = function (editor, name, items) {
- var toolbarItems = [], buttonGroup;
- if (!items) {
- return;
- }
- Tools.each(itemsToArray(items), function (item) {
- var itemName;
- if (item == '|') {
- buttonGroup = null;
- } else {
- if (editor.buttons[item]) {
- if (!buttonGroup) {
- buttonGroup = { type: 'buttongroup', items: [] };
- toolbarItems.push(buttonGroup);
- }
- itemName = item;
- item = editor.buttons[itemName];
- if (typeof item == 'function') {
- item = item();
- }
- item.type = item.type || 'button';
- item = Factory.create(item);
- item.on('postRender', bindSelectorChanged(editor, itemName, item));
- buttonGroup.items.push(item);
- }
- }
- });
- return Factory.create({
- type: 'toolbar',
- layout: 'flow',
- name: name,
- items: toolbarItems
- });
- };
- return {
- create: create
- };
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.util.Promise',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.util.Promise');
- }
- );
- /**
- * Uuid.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- /**
- * Generates unique ids this is the same as in core but since
- * it's not exposed as a global we can't access it.
- */
- define(
- "tinymce.themes.inlite.alien.Uuid",
- [
- ],
- function () {
- var count = 0;
- var seed = function () {
- var rnd = function () {
- return Math.round(Math.random() * 0xFFFFFFFF).toString(36);
- };
- return 's' + Date.now().toString(36) + rnd() + rnd() + rnd();
- };
- var uuid = function (prefix) {
- return prefix + (count++) + seed();
- };
- return {
- uuid: uuid
- };
- }
- );
- /**
- * Bookmark.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.alien.Bookmark',
- [
- ],
- function () {
- /**
- * Returns a range bookmark. This will convert indexed bookmarks into temporary span elements with
- * index 0 so that they can be restored properly after the DOM has been modified. Text bookmarks will not have spans
- * added to them since they can be restored after a dom operation.
- *
- * So this: <p><b>|</b><b>|</b></p>
- * becomes: <p><b><span data-mce-type="bookmark">|</span></b><b data-mce-type="bookmark">|</span></b></p>
- *
- * @param {DOMRange} rng DOM Range to get bookmark on.
- * @return {Object} Bookmark object.
- */
- var create = function (dom, rng) {
- var bookmark = {};
- function setupEndPoint(start) {
- var offsetNode, container, offset;
- container = rng[start ? 'startContainer' : 'endContainer'];
- offset = rng[start ? 'startOffset' : 'endOffset'];
- if (container.nodeType == 1) {
- offsetNode = dom.create('span', { 'data-mce-type': 'bookmark' });
- if (container.hasChildNodes()) {
- offset = Math.min(offset, container.childNodes.length - 1);
- if (start) {
- container.insertBefore(offsetNode, container.childNodes[offset]);
- } else {
- dom.insertAfter(offsetNode, container.childNodes[offset]);
- }
- } else {
- container.appendChild(offsetNode);
- }
- container = offsetNode;
- offset = 0;
- }
- bookmark[start ? 'startContainer' : 'endContainer'] = container;
- bookmark[start ? 'startOffset' : 'endOffset'] = offset;
- }
- setupEndPoint(true);
- if (!rng.collapsed) {
- setupEndPoint();
- }
- return bookmark;
- };
- /**
- * Moves the selection to the current bookmark and removes any selection container wrappers.
- *
- * @param {Object} bookmark Bookmark object to move selection to.
- */
- var resolve = function (dom, bookmark) {
- function restoreEndPoint(start) {
- var container, offset, node;
- function nodeIndex(container) {
- var node = container.parentNode.firstChild, idx = 0;
- while (node) {
- if (node == container) {
- return idx;
- }
- // Skip data-mce-type=bookmark nodes
- if (node.nodeType != 1 || node.getAttribute('data-mce-type') != 'bookmark') {
- idx++;
- }
- node = node.nextSibling;
- }
- return -1;
- }
- container = node = bookmark[start ? 'startContainer' : 'endContainer'];
- offset = bookmark[start ? 'startOffset' : 'endOffset'];
- if (!container) {
- return;
- }
- if (container.nodeType == 1) {
- offset = nodeIndex(container);
- container = container.parentNode;
- dom.remove(node);
- }
- bookmark[start ? 'startContainer' : 'endContainer'] = container;
- bookmark[start ? 'startOffset' : 'endOffset'] = offset;
- }
- restoreEndPoint(true);
- restoreEndPoint();
- var rng = dom.createRng();
- rng.setStart(bookmark.startContainer, bookmark.startOffset);
- if (bookmark.endContainer) {
- rng.setEnd(bookmark.endContainer, bookmark.endOffset);
- }
- return rng;
- };
- return {
- create: create,
- resolve: resolve
- };
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.dom.TreeWalker',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.dom.TreeWalker');
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.dom.RangeUtils',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.dom.RangeUtils');
- }
- );
- /**
- * Unlink.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- /**
- * Unlink implementation that doesn't leave partial links for example it would produce:
- * a[b<a href="x">c]d</a>e -> a[bc]de
- * instead of:
- * a[b<a href="x">c]d</a>e -> a[bc]<a href="x">d</a>e
- */
- define(
- "tinymce.themes.inlite.alien.Unlink",
- [
- 'tinymce.themes.inlite.alien.Bookmark',
- 'tinymce.core.util.Tools',
- 'tinymce.core.dom.TreeWalker',
- 'tinymce.core.dom.RangeUtils'
- ],
- function (Bookmark, Tools, TreeWalker, RangeUtils) {
- var getSelectedElements = function (rootElm, startNode, endNode) {
- var walker, node, elms = [];
- walker = new TreeWalker(startNode, rootElm);
- for (node = startNode; node; node = walker.next()) {
- if (node.nodeType === 1) {
- elms.push(node);
- }
- if (node === endNode) {
- break;
- }
- }
- return elms;
- };
- var unwrapElements = function (editor, elms) {
- var bookmark, dom, selection;
- dom = editor.dom;
- selection = editor.selection;
- bookmark = Bookmark.create(dom, selection.getRng());
- Tools.each(elms, function (elm) {
- editor.dom.remove(elm, true);
- });
- selection.setRng(Bookmark.resolve(dom, bookmark));
- };
- var isLink = function (elm) {
- return elm.nodeName === 'A' && elm.hasAttribute('href');
- };
- var getParentAnchorOrSelf = function (dom, elm) {
- var anchorElm = dom.getParent(elm, isLink);
- return anchorElm ? anchorElm : elm;
- };
- var getSelectedAnchors = function (editor) {
- var startElm, endElm, rootElm, anchorElms, selection, dom, rng;
- selection = editor.selection;
- dom = editor.dom;
- rng = selection.getRng();
- startElm = getParentAnchorOrSelf(dom, RangeUtils.getNode(rng.startContainer, rng.startOffset));
- endElm = RangeUtils.getNode(rng.endContainer, rng.endOffset);
- rootElm = editor.getBody();
- anchorElms = Tools.grep(getSelectedElements(rootElm, startElm, endElm), isLink);
- return anchorElms;
- };
- var unlinkSelection = function (editor) {
- unwrapElements(editor, getSelectedAnchors(editor));
- };
- return {
- unlinkSelection: unlinkSelection
- };
- }
- );
- /**
- * Actions.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.Actions',
- [
- 'tinymce.themes.inlite.alien.Uuid',
- 'tinymce.themes.inlite.alien.Unlink'
- ],
- function (Uuid, Unlink) {
- var createTableHtml = function (cols, rows) {
- var x, y, html;
- html = '<table data-mce-id="mce" style="width: 100%">';
- html += '<tbody>';
- for (y = 0; y < rows; y++) {
- html += '<tr>';
- for (x = 0; x < cols; x++) {
- html += '<td><br></td>';
- }
- html += '</tr>';
- }
- html += '</tbody>';
- html += '</table>';
- return html;
- };
- var getInsertedElement = function (editor) {
- var elms = editor.dom.select('*[data-mce-id]');
- return elms[0];
- };
- var insertTable = function (editor, cols, rows) {
- editor.undoManager.transact(function () {
- var tableElm, cellElm;
- editor.insertContent(createTableHtml(cols, rows));
- tableElm = getInsertedElement(editor);
- tableElm.removeAttribute('data-mce-id');
- cellElm = editor.dom.select('td,th', tableElm);
- editor.selection.setCursorLocation(cellElm[0], 0);
- });
- };
- var formatBlock = function (editor, formatName) {
- editor.execCommand('FormatBlock', false, formatName);
- };
- var insertBlob = function (editor, base64, blob) {
- var blobCache, blobInfo;
- blobCache = editor.editorUpload.blobCache;
- blobInfo = blobCache.create(Uuid.uuid('mceu'), blob, base64);
- blobCache.add(blobInfo);
- editor.insertContent(editor.dom.createHTML('img', { src: blobInfo.blobUri() }));
- };
- var collapseSelectionToEnd = function (editor) {
- editor.selection.collapse(false);
- };
- var unlink = function (editor) {
- editor.focus();
- Unlink.unlinkSelection(editor);
- collapseSelectionToEnd(editor);
- };
- var changeHref = function (editor, elm, url) {
- editor.focus();
- editor.dom.setAttrib(elm, 'href', url);
- collapseSelectionToEnd(editor);
- };
- var insertLink = function (editor, url) {
- editor.execCommand('mceInsertLink', false, { href: url });
- collapseSelectionToEnd(editor);
- };
- var updateOrInsertLink = function (editor, url) {
- var elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]');
- elm ? changeHref(editor, elm, url) : insertLink(editor, url);
- };
- var createLink = function (editor, url) {
- url.trim().length === 0 ? unlink(editor) : updateOrInsertLink(editor, url);
- };
- return {
- insertTable: insertTable,
- formatBlock: formatBlock,
- insertBlob: insertBlob,
- createLink: createLink,
- unlink: unlink
- };
- }
- );
- /**
- * UrlType.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.UrlType',
- [
- ],
- function () {
- var isDomainLike = function (href) {
- return /^www\.|\.(com|org|edu|gov|uk|net|ca|de|jp|fr|au|us|ru|ch|it|nl|se|no|es|mil)$/i.test(href.trim());
- };
- var isAbsolute = function (href) {
- return /^https?:\/\//.test(href.trim());
- };
- return {
- isDomainLike: isDomainLike,
- isAbsolute: isAbsolute
- };
- }
- );
- /**
- * Forms.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.ui.Forms',
- [
- 'tinymce.core.util.Tools',
- 'tinymce.core.ui.Factory',
- 'tinymce.core.util.Promise',
- 'tinymce.themes.inlite.core.Actions',
- 'tinymce.themes.inlite.core.UrlType'
- ],
- function (Tools, Factory, Promise, Actions, UrlType) {
- var focusFirstTextBox = function (form) {
- form.find('textbox').eq(0).each(function (ctrl) {
- ctrl.focus();
- });
- };
- var createForm = function (name, spec) {
- var form = Factory.create(
- Tools.extend({
- type: 'form',
- layout: 'flex',
- direction: 'row',
- padding: 5,
- name: name,
- spacing: 3
- }, spec)
- );
- form.on('show', function () {
- focusFirstTextBox(form);
- });
- return form;
- };
- var toggleVisibility = function (ctrl, state) {
- return state ? ctrl.show() : ctrl.hide();
- };
- var askAboutPrefix = function (editor, href) {
- return new Promise(function (resolve) {
- editor.windowManager.confirm(
- 'The URL you entered seems to be an external link. Do you want to add the required http:// prefix?',
- function (result) {
- var output = result === true ? 'http://' + href : href;
- resolve(output);
- }
- );
- });
- };
- var convertLinkToAbsolute = function (editor, href) {
- return !UrlType.isAbsolute(href) && UrlType.isDomainLike(href) ? askAboutPrefix(editor, href) : Promise.resolve(href);
- };
- var createQuickLinkForm = function (editor, hide) {
- var attachState = {};
- var unlink = function () {
- editor.focus();
- Actions.unlink(editor);
- hide();
- };
- var onChangeHandler = function (e) {
- var meta = e.meta;
- if (meta && meta.attach) {
- attachState = {
- href: this.value(),
- attach: meta.attach
- };
- }
- };
- var onShowHandler = function (e) {
- if (e.control === this) {
- var elm, linkurl = '';
- elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]');
- if (elm) {
- linkurl = editor.dom.getAttrib(elm, 'href');
- }
- this.fromJSON({
- linkurl: linkurl
- });
- toggleVisibility(this.find('#unlink'), elm);
- this.find('#linkurl')[0].focus();
- }
- };
- return createForm('quicklink', {
- items: [
- { type: 'button', name: 'unlink', icon: 'unlink', onclick: unlink, tooltip: 'Remove link' },
- { type: 'filepicker', name: 'linkurl', placeholder: 'Paste or type a link', filetype: 'file', onchange: onChangeHandler },
- { type: 'button', icon: 'checkmark', subtype: 'primary', tooltip: 'Ok', onclick: 'submit' }
- ],
- onshow: onShowHandler,
- onsubmit: function (e) {
- convertLinkToAbsolute(editor, e.data.linkurl).then(function (url) {
- editor.undoManager.transact(function () {
- if (url === attachState.href) {
- attachState.attach();
- attachState = {};
- }
- Actions.createLink(editor, url);
- });
- hide();
- });
- }
- });
- };
- return {
- createQuickLinkForm: createQuickLinkForm
- };
- }
- );
- /**
- * ResolveGlobal.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.core.geom.Rect',
- [
- 'global!tinymce.util.Tools.resolve'
- ],
- function (resolve) {
- return resolve('tinymce.geom.Rect');
- }
- );
- /**
- * Layout.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.core.Layout',
- [
- 'tinymce.core.geom.Rect',
- 'tinymce.themes.inlite.core.Convert'
- ],
- function (Rect, Convert) {
- var result = function (rect, position) {
- return {
- rect: rect,
- position: position
- };
- };
- var moveTo = function (rect, toRect) {
- return { x: toRect.x, y: toRect.y, w: rect.w, h: rect.h };
- };
- var calcByPositions = function (testPositions1, testPositions2, targetRect, contentAreaRect, panelRect) {
- var relPos, relRect, outputPanelRect;
- var paddedContentRect = {
- x: contentAreaRect.x,
- y: contentAreaRect.y,
- w: contentAreaRect.w + (contentAreaRect.w < (panelRect.w + targetRect.w) ? panelRect.w : 0),
- h: contentAreaRect.h + (contentAreaRect.h < (panelRect.h + targetRect.h) ? panelRect.h : 0)
- };
- relPos = Rect.findBestRelativePosition(panelRect, targetRect, paddedContentRect, testPositions1);
- targetRect = Rect.clamp(targetRect, paddedContentRect);
- if (relPos) {
- relRect = Rect.relativePosition(panelRect, targetRect, relPos);
- outputPanelRect = moveTo(panelRect, relRect);
- return result(outputPanelRect, relPos);
- }
- targetRect = Rect.intersect(paddedContentRect, targetRect);
- if (targetRect) {
- relPos = Rect.findBestRelativePosition(panelRect, targetRect, paddedContentRect, testPositions2);
- if (relPos) {
- relRect = Rect.relativePosition(panelRect, targetRect, relPos);
- outputPanelRect = moveTo(panelRect, relRect);
- return result(outputPanelRect, relPos);
- }
- outputPanelRect = moveTo(panelRect, targetRect);
- return result(outputPanelRect, relPos);
- }
- return null;
- };
- var calcInsert = function (targetRect, contentAreaRect, panelRect) {
- return calcByPositions(
- ['cr-cl', 'cl-cr'],
- ['bc-tc', 'bl-tl', 'br-tr'],
- targetRect,
- contentAreaRect,
- panelRect
- );
- };
- var calc = function (targetRect, contentAreaRect, panelRect) {
- return calcByPositions(
- ['tc-bc', 'bc-tc', 'tl-bl', 'bl-tl', 'tr-br', 'br-tr', 'cr-cl', 'cl-cr'],
- ['bc-tc', 'bl-tl', 'br-tr', 'cr-cl'],
- targetRect,
- contentAreaRect,
- panelRect
- );
- };
- var userConstrain = function (handler, targetRect, contentAreaRect, panelRect) {
- var userConstrainedPanelRect;
- if (typeof handler === 'function') {
- userConstrainedPanelRect = handler({
- elementRect: Convert.toClientRect(targetRect),
- contentAreaRect: Convert.toClientRect(contentAreaRect),
- panelRect: Convert.toClientRect(panelRect)
- });
- return Convert.fromClientRect(userConstrainedPanelRect);
- }
- return panelRect;
- };
- var defaultHandler = function (rects) {
- return rects.panelRect;
- };
- return {
- calcInsert: calcInsert,
- calc: calc,
- userConstrain: userConstrain,
- defaultHandler: defaultHandler
- };
- }
- );
- /**
- * Panel.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.ui.Panel',
- [
- 'tinymce.core.util.Tools',
- 'tinymce.core.ui.Factory',
- 'tinymce.core.dom.DOMUtils',
- 'tinymce.themes.inlite.ui.Toolbar',
- 'tinymce.themes.inlite.ui.Forms',
- 'tinymce.themes.inlite.core.Measure',
- 'tinymce.themes.inlite.core.Layout',
- 'tinymce.themes.inlite.alien.EditorSettings'
- ],
- function (Tools, Factory, DOMUtils, Toolbar, Forms, Measure, Layout, EditorSettings) {
- return function () {
- var DEFAULT_TEXT_SELECTION_ITEMS = ['bold', 'italic', '|', 'quicklink', 'h2', 'h3', 'blockquote'];
- var DEFAULT_INSERT_TOOLBAR_ITEMS = ['quickimage', 'quicktable'];
- var panel, currentRect;
- var createToolbars = function (editor, toolbars) {
- return Tools.map(toolbars, function (toolbar) {
- return Toolbar.create(editor, toolbar.id, toolbar.items);
- });
- };
- var getTextSelectionToolbarItems = function (editor) {
- return EditorSettings.getToolbarItemsOr(editor, 'selection_toolbar', DEFAULT_TEXT_SELECTION_ITEMS);
- };
- var getInsertToolbarItems = function (editor) {
- return EditorSettings.getToolbarItemsOr(editor, 'insert_toolbar', DEFAULT_INSERT_TOOLBAR_ITEMS);
- };
- var hasToolbarItems = function (toolbar) {
- return toolbar.items().length > 0;
- };
- var create = function (editor, toolbars) {
- var items = createToolbars(editor, toolbars).concat([
- Toolbar.create(editor, 'text', getTextSelectionToolbarItems(editor)),
- Toolbar.create(editor, 'insert', getInsertToolbarItems(editor)),
- Forms.createQuickLinkForm(editor, hide)
- ]);
- return Factory.create({
- type: 'floatpanel',
- role: 'dialog',
- classes: 'tinymce tinymce-inline arrow',
- ariaLabel: 'Inline toolbar',
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- autohide: false,
- autofix: true,
- fixed: true,
- border: 1,
- items: Tools.grep(items, hasToolbarItems),
- oncancel: function () {
- editor.focus();
- }
- });
- };
- var showPanel = function (panel) {
- if (panel) {
- panel.show();
- }
- };
- var movePanelTo = function (panel, pos) {
- panel.moveTo(pos.x, pos.y);
- };
- var togglePositionClass = function (panel, relPos) {
- relPos = relPos ? relPos.substr(0, 2) : '';
- Tools.each({
- t: 'down',
- b: 'up',
- c: 'center'
- }, function (cls, pos) {
- panel.classes.toggle('arrow-' + cls, pos === relPos.substr(0, 1));
- });
- if (relPos === 'cr') {
- panel.classes.toggle('arrow-left', true);
- panel.classes.toggle('arrow-right', false);
- } else if (relPos === 'cl') {
- panel.classes.toggle('arrow-left', true);
- panel.classes.toggle('arrow-right', true);
- } else {
- Tools.each({
- l: 'left',
- r: 'right'
- }, function (cls, pos) {
- panel.classes.toggle('arrow-' + cls, pos === relPos.substr(1, 1));
- });
- }
- };
- var showToolbar = function (panel, id) {
- var toolbars = panel.items().filter('#' + id);
- if (toolbars.length > 0) {
- toolbars[0].show();
- panel.reflow();
- return true;
- }
- return false;
- };
- var repositionPanelAt = function (panel, id, editor, targetRect) {
- var contentAreaRect, panelRect, result, userConstainHandler;
- userConstainHandler = EditorSettings.getHandlerOr(editor, 'inline_toolbar_position_handler', Layout.defaultHandler);
- contentAreaRect = Measure.getContentAreaRect(editor);
- panelRect = DOMUtils.DOM.getRect(panel.getEl());
- if (id === 'insert') {
- result = Layout.calcInsert(targetRect, contentAreaRect, panelRect);
- } else {
- result = Layout.calc(targetRect, contentAreaRect, panelRect);
- }
- if (result) {
- panelRect = result.rect;
- currentRect = targetRect;
- movePanelTo(panel, Layout.userConstrain(userConstainHandler, targetRect, contentAreaRect, panelRect));
- togglePositionClass(panel, result.position);
- return true;
- } else {
- return false;
- }
- };
- var showPanelAt = function (panel, id, editor, targetRect) {
- showPanel(panel);
- panel.items().hide();
- if (!showToolbar(panel, id)) {
- hide(panel);
- return;
- }
- if (repositionPanelAt(panel, id, editor, targetRect) === false) {
- hide(panel);
- }
- };
- var hasFormVisible = function () {
- return panel.items().filter('form:visible').length > 0;
- };
- var showForm = function (editor, id) {
- if (panel) {
- panel.items().hide();
- if (!showToolbar(panel, id)) {
- hide(panel);
- return;
- }
- var contentAreaRect, panelRect, result, userConstainHandler;
- showPanel(panel);
- panel.items().hide();
- showToolbar(panel, id);
- userConstainHandler = EditorSettings.getHandlerOr(editor, 'inline_toolbar_position_handler', Layout.defaultHandler);
- contentAreaRect = Measure.getContentAreaRect(editor);
- panelRect = DOMUtils.DOM.getRect(panel.getEl());
- result = Layout.calc(currentRect, contentAreaRect, panelRect);
- if (result) {
- panelRect = result.rect;
- movePanelTo(panel, Layout.userConstrain(userConstainHandler, currentRect, contentAreaRect, panelRect));
- togglePositionClass(panel, result.position);
- }
- }
- };
- var show = function (editor, id, targetRect, toolbars) {
- if (!panel) {
- panel = create(editor, toolbars);
- panel.renderTo(document.body).reflow().moveTo(targetRect.x, targetRect.y);
- editor.nodeChanged();
- }
- showPanelAt(panel, id, editor, targetRect);
- };
- var reposition = function (editor, id, targetRect) {
- if (panel) {
- repositionPanelAt(panel, id, editor, targetRect);
- }
- };
- var hide = function () {
- if (panel) {
- panel.hide();
- }
- };
- var focus = function () {
- if (panel) {
- panel.find('toolbar:visible').eq(0).each(function (item) {
- item.focus(true);
- });
- }
- };
- var remove = function () {
- if (panel) {
- panel.remove();
- panel = null;
- }
- };
- var inForm = function () {
- return panel && panel.visible() && hasFormVisible();
- };
- return {
- show: show,
- showForm: showForm,
- reposition: reposition,
- inForm: inForm,
- hide: hide,
- focus: focus,
- remove: remove
- };
- };
- }
- );
- /**
- * Conversions.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.file.Conversions',
- [
- 'tinymce.core.util.Promise'
- ],
- function (Promise) {
- var blobToBase64 = function (blob) {
- return new Promise(function (resolve) {
- var reader = new FileReader();
- reader.onloadend = function () {
- resolve(reader.result.split(',')[1]);
- };
- reader.readAsDataURL(blob);
- });
- };
- return {
- blobToBase64: blobToBase64
- };
- }
- );
- /**
- * Picker.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.file.Picker',
- [
- 'tinymce.core.util.Promise'
- ],
- function (Promise) {
- var pickFile = function () {
- return new Promise(function (resolve) {
- var fileInput;
- fileInput = document.createElement("input");
- fileInput.type = "file";
- fileInput.style.position = 'fixed';
- fileInput.style.left = 0;
- fileInput.style.top = 0;
- fileInput.style.opacity = 0.001;
- document.body.appendChild(fileInput);
- fileInput.onchange = function (e) {
- resolve(Array.prototype.slice.call(e.target.files));
- };
- fileInput.click();
- fileInput.parentNode.removeChild(fileInput);
- });
- };
- return {
- pickFile: pickFile
- };
- }
- );
- /**
- * Buttons.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.ui.Buttons',
- [
- 'tinymce.themes.inlite.ui.Panel',
- 'tinymce.themes.inlite.file.Conversions',
- 'tinymce.themes.inlite.file.Picker',
- 'tinymce.themes.inlite.core.Actions'
- ],
- function (Panel, Conversions, Picker, Actions) {
- var addHeaderButtons = function (editor) {
- var formatBlock = function (name) {
- return function () {
- Actions.formatBlock(editor, name);
- };
- };
- for (var i = 1; i < 6; i++) {
- var name = 'h' + i;
- editor.addButton(name, {
- text: name.toUpperCase(),
- tooltip: 'Heading ' + i,
- stateSelector: name,
- onclick: formatBlock(name),
- onPostRender: function () {
- // TODO: Remove this hack that produces bold H1-H6 when we have proper icons
- var span = this.getEl().firstChild.firstChild;
- span.style.fontWeight = 'bold';
- }
- });
- }
- };
- var addToEditor = function (editor, panel) {
- editor.addButton('quicklink', {
- icon: 'link',
- tooltip: 'Insert/Edit link',
- stateSelector: 'a[href]',
- onclick: function () {
- panel.showForm(editor, 'quicklink');
- }
- });
- editor.addButton('quickimage', {
- icon: 'image',
- tooltip: 'Insert image',
- onclick: function () {
- Picker.pickFile().then(function (files) {
- var blob = files[0];
- Conversions.blobToBase64(blob).then(function (base64) {
- Actions.insertBlob(editor, base64, blob);
- });
- });
- }
- });
- editor.addButton('quicktable', {
- icon: 'table',
- tooltip: 'Insert table',
- onclick: function () {
- panel.hide();
- Actions.insertTable(editor, 2, 2);
- }
- });
- addHeaderButtons(editor);
- };
- return {
- addToEditor: addToEditor
- };
- }
- );
- /**
- * Theme.js
- *
- * Released under LGPL License.
- * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
- *
- * License: http://www.tinymce.com/license
- * Contributing: http://www.tinymce.com/contributing
- */
- define(
- 'tinymce.themes.inlite.Theme',
- [
- 'tinymce.core.ThemeManager',
- 'tinymce.core.ui.Api',
- 'tinymce.core.util.Delay',
- 'tinymce.themes.inlite.alien.Arr',
- 'tinymce.themes.inlite.alien.EditorSettings',
- 'tinymce.themes.inlite.core.ElementMatcher',
- 'tinymce.themes.inlite.core.Matcher',
- 'tinymce.themes.inlite.core.PredicateId',
- 'tinymce.themes.inlite.core.SelectionMatcher',
- 'tinymce.themes.inlite.core.SkinLoader',
- 'tinymce.themes.inlite.ui.Buttons',
- 'tinymce.themes.inlite.ui.Panel'
- ],
- function (
- ThemeManager, Api, Delay, Arr, EditorSettings, ElementMatcher, Matcher,
- PredicateId, SelectionMatcher, SkinLoader, Buttons, Panel
- ) {
- var getSelectionElements = function (editor) {
- var node = editor.selection.getNode();
- var elms = editor.dom.getParents(node);
- return elms;
- };
- var createToolbar = function (editor, selector, id, items) {
- var selectorPredicate = function (elm) {
- return editor.dom.is(elm, selector);
- };
- return {
- predicate: selectorPredicate,
- id: id,
- items: items
- };
- };
- var getToolbars = function (editor) {
- var contextToolbars = editor.contextToolbars;
- return Arr.flatten([
- contextToolbars ? contextToolbars : [],
- createToolbar(editor, 'img', 'image', 'alignleft aligncenter alignright')
- ]);
- };
- var findMatchResult = function (editor, toolbars) {
- var result, elements, contextToolbarsPredicateIds;
- elements = getSelectionElements(editor);
- contextToolbarsPredicateIds = PredicateId.fromContextToolbars(toolbars);
- result = Matcher.match(editor, [
- ElementMatcher.element(elements[0], contextToolbarsPredicateIds),
- SelectionMatcher.textSelection('text'),
- SelectionMatcher.emptyTextBlock(elements, 'insert'),
- ElementMatcher.parent(elements, contextToolbarsPredicateIds)
- ]);
- return result && result.rect ? result : null;
- };
- var togglePanel = function (editor, panel) {
- var toggle = function () {
- var toolbars = getToolbars(editor);
- var result = findMatchResult(editor, toolbars);
- if (result) {
- panel.show(editor, result.id, result.rect, toolbars);
- } else {
- panel.hide();
- }
- };
- return function () {
- if (!editor.removed) {
- toggle();
- }
- };
- };
- var repositionPanel = function (editor, panel) {
- return function () {
- var toolbars = getToolbars(editor);
- var result = findMatchResult(editor, toolbars);
- if (result) {
- panel.reposition(editor, result.id, result.rect);
- }
- };
- };
- var ignoreWhenFormIsVisible = function (editor, panel, f) {
- return function () {
- if (!editor.removed && !panel.inForm()) {
- f();
- }
- };
- };
- var bindContextualToolbarsEvents = function (editor, panel) {
- var throttledTogglePanel = Delay.throttle(togglePanel(editor, panel), 0);
- var throttledTogglePanelWhenNotInForm = Delay.throttle(ignoreWhenFormIsVisible(editor, panel, togglePanel(editor, panel)), 0);
- editor.on('blur hide ObjectResizeStart', panel.hide);
- editor.on('click', throttledTogglePanel);
- editor.on('nodeChange mouseup', throttledTogglePanelWhenNotInForm);
- editor.on('ResizeEditor keyup', throttledTogglePanel);
- editor.on('ResizeWindow', repositionPanel(editor, panel));
- editor.on('remove', panel.remove);
- editor.shortcuts.add('Alt+F10', '', panel.focus);
- };
- var overrideLinkShortcut = function (editor, panel) {
- editor.shortcuts.remove('meta+k');
- editor.shortcuts.add('meta+k', '', function () {
- var toolbars = getToolbars(editor);
- var result = result = Matcher.match(editor, [
- SelectionMatcher.textSelection('quicklink')
- ]);
- if (result) {
- panel.show(editor, result.id, result.rect, toolbars);
- }
- });
- };
- var renderInlineUI = function (editor, panel) {
- SkinLoader.load(editor, function () {
- bindContextualToolbarsEvents(editor, panel);
- overrideLinkShortcut(editor, panel);
- });
- return {};
- };
- var fail = function (message) {
- throw new Error(message);
- };
- ThemeManager.add('inlite', function (editor) {
- var panel = new Panel();
- Buttons.addToEditor(editor, panel);
- var renderUI = function () {
- return editor.inline ? renderInlineUI(editor, panel) : fail('inlite theme only supports inline mode.');
- };
- return {
- renderUI: renderUI
- };
- });
- Api.appendTo(window.tinymce ? window.tinymce : {});
- return function () { };
- }
- );
- dem('tinymce.themes.inlite.Theme')();
- })();