mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
87f2933654
ae99a273e
updated TinyMCE from 4.3.4 to 4.3.8 directly, instead of through NPM.
This failed "npm run sanity". Updated to the latest (4.3.11) through NPM now.
1715 lines
48 KiB
JavaScript
1715 lines
48 KiB
JavaScript
/**
|
|
* Compiled inline version. (Library mode)
|
|
*/
|
|
|
|
/*jshint smarttabs:true, undef:true, latedef:true, curly:true, bitwise:true, camelcase:true */
|
|
/*globals $code */
|
|
|
|
(function(exports, undefined) {
|
|
"use strict";
|
|
|
|
var modules = {};
|
|
|
|
function require(ids, callback) {
|
|
var module, defs = [];
|
|
|
|
for (var i = 0; i < ids.length; ++i) {
|
|
module = modules[ids[i]] || resolve(ids[i]);
|
|
if (!module) {
|
|
throw 'module definition dependecy not found: ' + ids[i];
|
|
}
|
|
|
|
defs.push(module);
|
|
}
|
|
|
|
callback.apply(null, defs);
|
|
}
|
|
|
|
function define(id, dependencies, definition) {
|
|
if (typeof id !== 'string') {
|
|
throw 'invalid module definition, module id must be defined and be a string';
|
|
}
|
|
|
|
if (dependencies === undefined) {
|
|
throw 'invalid module definition, dependencies must be specified';
|
|
}
|
|
|
|
if (definition === undefined) {
|
|
throw 'invalid module definition, definition function must be specified';
|
|
}
|
|
|
|
require(dependencies, function() {
|
|
modules[id] = definition.apply(null, arguments);
|
|
});
|
|
}
|
|
|
|
function defined(id) {
|
|
return !!modules[id];
|
|
}
|
|
|
|
function resolve(id) {
|
|
var target = exports;
|
|
var fragments = id.split(/[.\/]/);
|
|
|
|
for (var fi = 0; fi < fragments.length; ++fi) {
|
|
if (!target[fragments[fi]]) {
|
|
return;
|
|
}
|
|
|
|
target = target[fragments[fi]];
|
|
}
|
|
|
|
return target;
|
|
}
|
|
|
|
function expose(ids) {
|
|
var i, target, id, fragments, privateModules;
|
|
|
|
for (i = 0; i < ids.length; i++) {
|
|
target = exports;
|
|
id = ids[i];
|
|
fragments = id.split(/[.\/]/);
|
|
|
|
for (var fi = 0; fi < fragments.length - 1; ++fi) {
|
|
if (target[fragments[fi]] === undefined) {
|
|
target[fragments[fi]] = {};
|
|
}
|
|
|
|
target = target[fragments[fi]];
|
|
}
|
|
|
|
target[fragments[fragments.length - 1]] = modules[id];
|
|
}
|
|
|
|
// Expose private modules for unit tests
|
|
if (exports.AMDLC_TESTS) {
|
|
privateModules = exports.privateModules || {};
|
|
|
|
for (id in modules) {
|
|
privateModules[id] = modules[id];
|
|
}
|
|
|
|
for (i = 0; i < ids.length; i++) {
|
|
delete privateModules[ids[i]];
|
|
}
|
|
|
|
exports.privateModules = privateModules;
|
|
}
|
|
}
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Utils.js
|
|
|
|
/**
|
|
* Utils.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/**
|
|
* This class contails various utility functions for the paste plugin.
|
|
*
|
|
* @class tinymce.pasteplugin.Utils
|
|
*/
|
|
define("tinymce/pasteplugin/Utils", [
|
|
"tinymce/util/Tools",
|
|
"tinymce/html/DomParser",
|
|
"tinymce/html/Schema"
|
|
], function(Tools, DomParser, Schema) {
|
|
function filter(content, items) {
|
|
Tools.each(items, function(v) {
|
|
if (v.constructor == RegExp) {
|
|
content = content.replace(v, '');
|
|
} else {
|
|
content = content.replace(v[0], v[1]);
|
|
}
|
|
});
|
|
|
|
return content;
|
|
}
|
|
|
|
/**
|
|
* Gets the innerText of the specified element. It will handle edge cases
|
|
* and works better than textContent on Gecko.
|
|
*
|
|
* @param {String} html HTML string to get text from.
|
|
* @return {String} String of text with line feeds.
|
|
*/
|
|
function innerText(html) {
|
|
var schema = new Schema(), domParser = new DomParser({}, schema), text = '';
|
|
var shortEndedElements = schema.getShortEndedElements();
|
|
var ignoreElements = Tools.makeMap('script noscript style textarea video audio iframe object', ' ');
|
|
var blockElements = schema.getBlockElements();
|
|
|
|
function walk(node) {
|
|
var name = node.name, currentNode = node;
|
|
|
|
if (name === 'br') {
|
|
text += '\n';
|
|
return;
|
|
}
|
|
|
|
// img/input/hr
|
|
if (shortEndedElements[name]) {
|
|
text += ' ';
|
|
}
|
|
|
|
// Ingore script, video contents
|
|
if (ignoreElements[name]) {
|
|
text += ' ';
|
|
return;
|
|
}
|
|
|
|
if (node.type == 3) {
|
|
text += node.value;
|
|
}
|
|
|
|
// Walk all children
|
|
if (!node.shortEnded) {
|
|
if ((node = node.firstChild)) {
|
|
do {
|
|
walk(node);
|
|
} while ((node = node.next));
|
|
}
|
|
}
|
|
|
|
// Add \n or \n\n for blocks or P
|
|
if (blockElements[name] && currentNode.next) {
|
|
text += '\n';
|
|
|
|
if (name == 'p') {
|
|
text += '\n';
|
|
}
|
|
}
|
|
}
|
|
|
|
html = filter(html, [
|
|
/<!\[[^\]]+\]>/g // Conditional comments
|
|
]);
|
|
|
|
walk(domParser.parse(html));
|
|
|
|
return text;
|
|
}
|
|
|
|
/**
|
|
* Trims the specified HTML by removing all WebKit fragments, all elements wrapping the body trailing BR elements etc.
|
|
*
|
|
* @param {String} html Html string to trim contents on.
|
|
* @return {String} Html contents that got trimmed.
|
|
*/
|
|
function trimHtml(html) {
|
|
function trimSpaces(all, s1, s2) {
|
|
// WebKit meant to preserve multiple spaces but instead inserted around all inline tags,
|
|
// including the spans with inline styles created on paste
|
|
if (!s1 && !s2) {
|
|
return ' ';
|
|
}
|
|
|
|
return '\u00a0';
|
|
}
|
|
|
|
html = filter(html, [
|
|
/^[\s\S]*<body[^>]*>\s*|\s*<\/body[^>]*>[\s\S]*$/g, // Remove anything but the contents within the BODY element
|
|
/<!--StartFragment-->|<!--EndFragment-->/g, // Inner fragments (tables from excel on mac)
|
|
[/( ?)<span class="Apple-converted-space">\u00a0<\/span>( ?)/g, trimSpaces],
|
|
/<br class="Apple-interchange-newline">/g,
|
|
/<br>$/i // Trailing BR elements
|
|
]);
|
|
|
|
return html;
|
|
}
|
|
|
|
// TODO: Should be in some global class
|
|
function createIdGenerator(prefix) {
|
|
var count = 0;
|
|
|
|
return function() {
|
|
return prefix + (count++);
|
|
};
|
|
}
|
|
|
|
return {
|
|
filter: filter,
|
|
innerText: innerText,
|
|
trimHtml: trimHtml,
|
|
createIdGenerator: createIdGenerator
|
|
};
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Clipboard.js
|
|
|
|
/**
|
|
* Clipboard.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/**
|
|
* This class contains logic for getting HTML contents out of the clipboard.
|
|
*
|
|
* We need to make a lot of ugly hacks to get the contents out of the clipboard since
|
|
* the W3C Clipboard API is broken in all browsers that have it: Gecko/WebKit/Blink.
|
|
* We might rewrite this the way those API:s stabilize. Browsers doesn't handle pasting
|
|
* from applications like Word the same way as it does when pasting into a contentEditable area
|
|
* so we need to do lots of extra work to try to get to this clipboard data.
|
|
*
|
|
* Current implementation steps:
|
|
* 1. On keydown with paste keys Ctrl+V or Shift+Insert create
|
|
* a paste bin element and move focus to that element.
|
|
* 2. Wait for the browser to fire a "paste" event and get the contents out of the paste bin.
|
|
* 3. Check if the paste was successful if true, process the HTML.
|
|
* (4). If the paste was unsuccessful use IE execCommand, Clipboard API, document.dataTransfer old WebKit API etc.
|
|
*
|
|
* @class tinymce.pasteplugin.Clipboard
|
|
* @private
|
|
*/
|
|
define("tinymce/pasteplugin/Clipboard", [
|
|
"tinymce/Env",
|
|
"tinymce/dom/RangeUtils",
|
|
"tinymce/util/VK",
|
|
"tinymce/pasteplugin/Utils",
|
|
"tinymce/util/Delay"
|
|
], function(Env, RangeUtils, VK, Utils, Delay) {
|
|
return function(editor) {
|
|
var self = this, pasteBinElm, lastRng, keyboardPasteTimeStamp = 0, draggingInternally = false;
|
|
var pasteBinDefaultContent = '%MCEPASTEBIN%', keyboardPastePlainTextState;
|
|
var mceInternalUrlPrefix = 'data:text/mce-internal,';
|
|
var uniqueId = Utils.createIdGenerator("mceclip");
|
|
|
|
/**
|
|
* Pastes the specified HTML. This means that the HTML is filtered and then
|
|
* inserted at the current selection in the editor. It will also fire paste events
|
|
* for custom user filtering.
|
|
*
|
|
* @param {String} html HTML code to paste into the current selection.
|
|
*/
|
|
function pasteHtml(html) {
|
|
var args, dom = editor.dom;
|
|
|
|
args = editor.fire('BeforePastePreProcess', {content: html}); // Internal event used by Quirks
|
|
args = editor.fire('PastePreProcess', args);
|
|
html = args.content;
|
|
|
|
if (!args.isDefaultPrevented()) {
|
|
// User has bound PastePostProcess events then we need to pass it through a DOM node
|
|
// This is not ideal but we don't want to let the browser mess up the HTML for example
|
|
// some browsers add to P tags etc
|
|
if (editor.hasEventListeners('PastePostProcess') && !args.isDefaultPrevented()) {
|
|
// We need to attach the element to the DOM so Sizzle selectors work on the contents
|
|
var tempBody = dom.add(editor.getBody(), 'div', {style: 'display:none'}, html);
|
|
args = editor.fire('PastePostProcess', {node: tempBody});
|
|
dom.remove(tempBody);
|
|
html = args.node.innerHTML;
|
|
}
|
|
|
|
if (!args.isDefaultPrevented()) {
|
|
editor.insertContent(html, {merge: editor.settings.paste_merge_formats !== false, data: {paste: true}});
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Pastes the specified text. This means that the plain text is processed
|
|
* and converted into BR and P elements. It will fire paste events for custom filtering.
|
|
*
|
|
* @param {String} text Text to paste as the current selection location.
|
|
*/
|
|
function pasteText(text) {
|
|
text = editor.dom.encode(text).replace(/\r\n/g, '\n');
|
|
|
|
var startBlock = editor.dom.getParent(editor.selection.getStart(), editor.dom.isBlock);
|
|
|
|
// Create start block html for example <p attr="value">
|
|
var forcedRootBlockName = editor.settings.forced_root_block;
|
|
var forcedRootBlockStartHtml;
|
|
if (forcedRootBlockName) {
|
|
forcedRootBlockStartHtml = editor.dom.createHTML(forcedRootBlockName, editor.settings.forced_root_block_attrs);
|
|
forcedRootBlockStartHtml = forcedRootBlockStartHtml.substr(0, forcedRootBlockStartHtml.length - 3) + '>';
|
|
}
|
|
|
|
if ((startBlock && /^(PRE|DIV)$/.test(startBlock.nodeName)) || !forcedRootBlockName) {
|
|
text = Utils.filter(text, [
|
|
[/\n/g, "<br>"]
|
|
]);
|
|
} else {
|
|
text = Utils.filter(text, [
|
|
[/\n\n/g, "</p>" + forcedRootBlockStartHtml],
|
|
[/^(.*<\/p>)(<p>)$/, forcedRootBlockStartHtml + '$1'],
|
|
[/\n/g, "<br />"]
|
|
]);
|
|
|
|
if (text.indexOf('<p>') != -1) {
|
|
text = forcedRootBlockStartHtml + text;
|
|
}
|
|
}
|
|
|
|
pasteHtml(text);
|
|
}
|
|
|
|
/**
|
|
* Creates a paste bin element as close as possible to the current caret location and places the focus inside that element
|
|
* so that when the real paste event occurs the contents gets inserted into this element
|
|
* instead of the current editor selection element.
|
|
*/
|
|
function createPasteBin() {
|
|
var dom = editor.dom, body = editor.getBody();
|
|
var viewport = editor.dom.getViewPort(editor.getWin()), scrollTop = viewport.y, top = 20;
|
|
var scrollContainer;
|
|
|
|
lastRng = editor.selection.getRng();
|
|
|
|
if (editor.inline) {
|
|
scrollContainer = editor.selection.getScrollContainer();
|
|
|
|
// Can't always rely on scrollTop returning a useful value.
|
|
// It returns 0 if the browser doesn't support scrollTop for the element or is non-scrollable
|
|
if (scrollContainer && scrollContainer.scrollTop > 0) {
|
|
scrollTop = scrollContainer.scrollTop;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Returns the rect of the current caret if the caret is in an empty block before a
|
|
* BR we insert a temporary invisible character that we get the rect this way we always get a proper rect.
|
|
*
|
|
* TODO: This might be useful in core.
|
|
*/
|
|
function getCaretRect(rng) {
|
|
var rects, textNode, node, container = rng.startContainer;
|
|
|
|
rects = rng.getClientRects();
|
|
if (rects.length) {
|
|
return rects[0];
|
|
}
|
|
|
|
if (!rng.collapsed || container.nodeType != 1) {
|
|
return;
|
|
}
|
|
|
|
node = container.childNodes[lastRng.startOffset];
|
|
|
|
// Skip empty whitespace nodes
|
|
while (node && node.nodeType == 3 && !node.data.length) {
|
|
node = node.nextSibling;
|
|
}
|
|
|
|
if (!node) {
|
|
return;
|
|
}
|
|
|
|
// Check if the location is |<br>
|
|
// TODO: Might need to expand this to say |<table>
|
|
if (node.tagName == 'BR') {
|
|
textNode = dom.doc.createTextNode('\uFEFF');
|
|
node.parentNode.insertBefore(textNode, node);
|
|
|
|
rng = dom.createRng();
|
|
rng.setStartBefore(textNode);
|
|
rng.setEndAfter(textNode);
|
|
|
|
rects = rng.getClientRects();
|
|
dom.remove(textNode);
|
|
}
|
|
|
|
if (rects.length) {
|
|
return rects[0];
|
|
}
|
|
}
|
|
|
|
// Calculate top cordinate this is needed to avoid scrolling to top of document
|
|
// We want the paste bin to be as close to the caret as possible to avoid scrolling
|
|
if (lastRng.getClientRects) {
|
|
var rect = getCaretRect(lastRng);
|
|
|
|
if (rect) {
|
|
// Client rects gets us closes to the actual
|
|
// caret location in for example a wrapped paragraph block
|
|
top = scrollTop + (rect.top - dom.getPos(body).y);
|
|
} else {
|
|
top = scrollTop;
|
|
|
|
// Check if we can find a closer location by checking the range element
|
|
var container = lastRng.startContainer;
|
|
if (container) {
|
|
if (container.nodeType == 3 && container.parentNode != body) {
|
|
container = container.parentNode;
|
|
}
|
|
|
|
if (container.nodeType == 1) {
|
|
top = dom.getPos(container, scrollContainer || body).y;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Create a pastebin
|
|
pasteBinElm = dom.add(editor.getBody(), 'div', {
|
|
id: "mcepastebin",
|
|
contentEditable: true,
|
|
"data-mce-bogus": "all",
|
|
style: 'position: absolute; top: ' + top + 'px;' +
|
|
'width: 10px; height: 10px; overflow: hidden; opacity: 0'
|
|
}, pasteBinDefaultContent);
|
|
|
|
// Move paste bin out of sight since the controlSelection rect gets displayed otherwise on IE and Gecko
|
|
if (Env.ie || Env.gecko) {
|
|
dom.setStyle(pasteBinElm, 'left', dom.getStyle(body, 'direction', true) == 'rtl' ? 0xFFFF : -0xFFFF);
|
|
}
|
|
|
|
// Prevent focus events from bubbeling fixed FocusManager issues
|
|
dom.bind(pasteBinElm, 'beforedeactivate focusin focusout', function(e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
pasteBinElm.focus();
|
|
editor.selection.select(pasteBinElm, true);
|
|
}
|
|
|
|
/**
|
|
* Removes the paste bin if it exists.
|
|
*/
|
|
function removePasteBin() {
|
|
if (pasteBinElm) {
|
|
var pasteBinClone;
|
|
|
|
// WebKit/Blink might clone the div so
|
|
// lets make sure we remove all clones
|
|
// TODO: Man o man is this ugly. WebKit is the new IE! Remove this if they ever fix it!
|
|
while ((pasteBinClone = editor.dom.get('mcepastebin'))) {
|
|
editor.dom.remove(pasteBinClone);
|
|
editor.dom.unbind(pasteBinClone);
|
|
}
|
|
|
|
if (lastRng) {
|
|
editor.selection.setRng(lastRng);
|
|
}
|
|
}
|
|
|
|
pasteBinElm = lastRng = null;
|
|
}
|
|
|
|
/**
|
|
* Returns the contents of the paste bin as a HTML string.
|
|
*
|
|
* @return {String} Get the contents of the paste bin.
|
|
*/
|
|
function getPasteBinHtml() {
|
|
var html = '', pasteBinClones, i, clone, cloneHtml;
|
|
|
|
// Since WebKit/Chrome might clone the paste bin when pasting
|
|
// for example: <img style="float: right"> we need to check if any of them contains some useful html.
|
|
// TODO: Man o man is this ugly. WebKit is the new IE! Remove this if they ever fix it!
|
|
pasteBinClones = editor.dom.select('div[id=mcepastebin]');
|
|
for (i = 0; i < pasteBinClones.length; i++) {
|
|
clone = pasteBinClones[i];
|
|
|
|
// Pasting plain text produces pastebins in pastebinds makes sence right!?
|
|
if (clone.firstChild && clone.firstChild.id == 'mcepastebin') {
|
|
clone = clone.firstChild;
|
|
}
|
|
|
|
cloneHtml = clone.innerHTML;
|
|
if (html != pasteBinDefaultContent) {
|
|
html += cloneHtml;
|
|
}
|
|
}
|
|
|
|
return html;
|
|
}
|
|
|
|
/**
|
|
* Gets various content types out of a datatransfer object.
|
|
*
|
|
* @param {DataTransfer} dataTransfer Event fired on paste.
|
|
* @return {Object} Object with mime types and data for those mime types.
|
|
*/
|
|
function getDataTransferItems(dataTransfer) {
|
|
var items = {};
|
|
|
|
if (dataTransfer) {
|
|
// Use old WebKit/IE API
|
|
if (dataTransfer.getData) {
|
|
var legacyText = dataTransfer.getData('Text');
|
|
if (legacyText && legacyText.length > 0) {
|
|
if (legacyText.indexOf(mceInternalUrlPrefix) == -1) {
|
|
items['text/plain'] = legacyText;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (dataTransfer.types) {
|
|
for (var i = 0; i < dataTransfer.types.length; i++) {
|
|
var contentType = dataTransfer.types[i];
|
|
items[contentType] = dataTransfer.getData(contentType);
|
|
}
|
|
}
|
|
}
|
|
|
|
return items;
|
|
}
|
|
|
|
/**
|
|
* Gets various content types out of the Clipboard API. It will also get the
|
|
* plain text using older IE and WebKit API:s.
|
|
*
|
|
* @param {ClipboardEvent} clipboardEvent Event fired on paste.
|
|
* @return {Object} Object with mime types and data for those mime types.
|
|
*/
|
|
function getClipboardContent(clipboardEvent) {
|
|
return getDataTransferItems(clipboardEvent.clipboardData || editor.getDoc().dataTransfer);
|
|
}
|
|
|
|
function hasHtmlOrText(content) {
|
|
return hasContentType(content, 'text/html') || hasContentType(content, 'text/plain');
|
|
}
|
|
|
|
/**
|
|
* Checks if the clipboard contains image data if it does it will take that data
|
|
* and convert it into a data url image and paste that image at the caret location.
|
|
*
|
|
* @param {ClipboardEvent} e Paste/drop event object.
|
|
* @param {DOMRange} rng Rng object to move selection to.
|
|
* @return {Boolean} true/false if the image data was found or not.
|
|
*/
|
|
function pasteImageData(e, rng) {
|
|
var dataTransfer = e.clipboardData || e.dataTransfer;
|
|
|
|
function getBase64FromUri(uri) {
|
|
var idx;
|
|
|
|
idx = uri.indexOf(',');
|
|
if (idx !== -1) {
|
|
return uri.substr(idx + 1);
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
function processItems(items) {
|
|
var i, item, reader, hadImage = false;
|
|
|
|
function pasteImage(reader, blob) {
|
|
if (rng) {
|
|
editor.selection.setRng(rng);
|
|
rng = null;
|
|
}
|
|
|
|
var blobCache = editor.editorUpload.blobCache;
|
|
var blobInfo = blobCache.create(uniqueId(), blob, getBase64FromUri(reader.result));
|
|
blobCache.add(blobInfo);
|
|
|
|
pasteHtml('<img src="' + blobInfo.blobUri() + '">');
|
|
}
|
|
|
|
if (items) {
|
|
for (i = 0; i < items.length; i++) {
|
|
item = items[i];
|
|
|
|
if (/^image\/(jpeg|png|gif|bmp)$/.test(item.type)) {
|
|
var blob = item.getAsFile ? item.getAsFile() : item;
|
|
|
|
reader = new FileReader();
|
|
reader.onload = pasteImage.bind(null, reader, blob);
|
|
reader.readAsDataURL(blob);
|
|
|
|
e.preventDefault();
|
|
hadImage = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
return hadImage;
|
|
}
|
|
|
|
if (editor.settings.paste_data_images && dataTransfer) {
|
|
return processItems(dataTransfer.items) || processItems(dataTransfer.files);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Chrome on Android doesn't support proper clipboard access so we have no choice but to allow the browser default behavior.
|
|
*
|
|
* @param {Event} e Paste event object to check if it contains any data.
|
|
* @return {Boolean} true/false if the clipboard is empty or not.
|
|
*/
|
|
function isBrokenAndroidClipboardEvent(e) {
|
|
var clipboardData = e.clipboardData;
|
|
|
|
return navigator.userAgent.indexOf('Android') != -1 && clipboardData && clipboardData.items && clipboardData.items.length === 0;
|
|
}
|
|
|
|
function getCaretRangeFromEvent(e) {
|
|
return RangeUtils.getCaretRangeFromPoint(e.clientX, e.clientY, editor.getDoc());
|
|
}
|
|
|
|
function hasContentType(clipboardContent, mimeType) {
|
|
return mimeType in clipboardContent && clipboardContent[mimeType].length > 0;
|
|
}
|
|
|
|
function isKeyboardPasteEvent(e) {
|
|
return (VK.metaKeyPressed(e) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45);
|
|
}
|
|
|
|
function registerEventHandlers() {
|
|
editor.on('keydown', function(e) {
|
|
function removePasteBinOnKeyUp(e) {
|
|
// Ctrl+V or Shift+Insert
|
|
if (isKeyboardPasteEvent(e) && !e.isDefaultPrevented()) {
|
|
removePasteBin();
|
|
}
|
|
}
|
|
|
|
// Ctrl+V or Shift+Insert
|
|
if (isKeyboardPasteEvent(e) && !e.isDefaultPrevented()) {
|
|
keyboardPastePlainTextState = e.shiftKey && e.keyCode == 86;
|
|
|
|
// Edge case on Safari on Mac where it doesn't handle Cmd+Shift+V correctly
|
|
// it fires the keydown but no paste or keyup so we are left with a paste bin
|
|
if (keyboardPastePlainTextState && Env.webkit && navigator.userAgent.indexOf('Version/') != -1) {
|
|
return;
|
|
}
|
|
|
|
// Prevent undoManager keydown handler from making an undo level with the pastebin in it
|
|
e.stopImmediatePropagation();
|
|
|
|
keyboardPasteTimeStamp = new Date().getTime();
|
|
|
|
// IE doesn't support Ctrl+Shift+V and it doesn't even produce a paste event
|
|
// so lets fake a paste event and let IE use the execCommand/dataTransfer methods
|
|
if (Env.ie && keyboardPastePlainTextState) {
|
|
e.preventDefault();
|
|
editor.fire('paste', {ieFake: true});
|
|
return;
|
|
}
|
|
|
|
removePasteBin();
|
|
createPasteBin();
|
|
|
|
// Remove pastebin if we get a keyup and no paste event
|
|
// For example pasting a file in IE 11 will not produce a paste event
|
|
editor.once('keyup', removePasteBinOnKeyUp);
|
|
editor.once('paste', function() {
|
|
editor.off('keyup', removePasteBinOnKeyUp);
|
|
});
|
|
}
|
|
});
|
|
|
|
function insertClipboardContent(clipboardContent, isKeyBoardPaste, plainTextMode) {
|
|
var content;
|
|
|
|
// Grab HTML from Clipboard API or paste bin as a fallback
|
|
if (hasContentType(clipboardContent, 'text/html')) {
|
|
content = clipboardContent['text/html'];
|
|
} else {
|
|
content = getPasteBinHtml();
|
|
|
|
// If paste bin is empty try using plain text mode
|
|
// since that is better than nothing right
|
|
if (content == pasteBinDefaultContent) {
|
|
plainTextMode = true;
|
|
}
|
|
}
|
|
|
|
content = Utils.trimHtml(content);
|
|
|
|
// WebKit has a nice bug where it clones the paste bin if you paste from for example notepad
|
|
// so we need to force plain text mode in this case
|
|
if (pasteBinElm && pasteBinElm.firstChild && pasteBinElm.firstChild.id === 'mcepastebin') {
|
|
plainTextMode = true;
|
|
}
|
|
|
|
removePasteBin();
|
|
|
|
// If we got nothing from clipboard API and pastebin then we could try the last resort: plain/text
|
|
if (!content.length) {
|
|
plainTextMode = true;
|
|
}
|
|
|
|
// Grab plain text from Clipboard API or convert existing HTML to plain text
|
|
if (plainTextMode) {
|
|
// Use plain text contents from Clipboard API unless the HTML contains paragraphs then
|
|
// we should convert the HTML to plain text since works better when pasting HTML/Word contents as plain text
|
|
if (hasContentType(clipboardContent, 'text/plain') && content.indexOf('</p>') == -1) {
|
|
content = clipboardContent['text/plain'];
|
|
} else {
|
|
content = Utils.innerText(content);
|
|
}
|
|
}
|
|
|
|
// If the content is the paste bin default HTML then it was
|
|
// impossible to get the cliboard data out.
|
|
if (content == pasteBinDefaultContent) {
|
|
if (!isKeyBoardPaste) {
|
|
editor.windowManager.alert('Please use Ctrl+V/Cmd+V keyboard shortcuts to paste contents.');
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
if (plainTextMode) {
|
|
pasteText(content);
|
|
} else {
|
|
pasteHtml(content);
|
|
}
|
|
}
|
|
|
|
var getLastRng = function() {
|
|
return lastRng || editor.selection.getRng();
|
|
};
|
|
|
|
editor.on('paste', function(e) {
|
|
// Getting content from the Clipboard can take some time
|
|
var clipboardTimer = new Date().getTime();
|
|
var clipboardContent = getClipboardContent(e);
|
|
var clipboardDelay = new Date().getTime() - clipboardTimer;
|
|
|
|
var isKeyBoardPaste = (new Date().getTime() - keyboardPasteTimeStamp - clipboardDelay) < 1000;
|
|
var plainTextMode = self.pasteFormat == "text" || keyboardPastePlainTextState;
|
|
|
|
keyboardPastePlainTextState = false;
|
|
|
|
if (e.isDefaultPrevented() || isBrokenAndroidClipboardEvent(e)) {
|
|
removePasteBin();
|
|
return;
|
|
}
|
|
|
|
if (!hasHtmlOrText(clipboardContent) && pasteImageData(e, getLastRng())) {
|
|
removePasteBin();
|
|
return;
|
|
}
|
|
|
|
// Not a keyboard paste prevent default paste and try to grab the clipboard contents using different APIs
|
|
if (!isKeyBoardPaste) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
// Try IE only method if paste isn't a keyboard paste
|
|
if (Env.ie && (!isKeyBoardPaste || e.ieFake)) {
|
|
createPasteBin();
|
|
|
|
editor.dom.bind(pasteBinElm, 'paste', function(e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
editor.getDoc().execCommand('Paste', false, null);
|
|
clipboardContent["text/html"] = getPasteBinHtml();
|
|
}
|
|
|
|
// If clipboard API has HTML then use that directly
|
|
if (hasContentType(clipboardContent, 'text/html')) {
|
|
e.preventDefault();
|
|
insertClipboardContent(clipboardContent, isKeyBoardPaste, plainTextMode);
|
|
} else {
|
|
Delay.setEditorTimeout(editor, function() {
|
|
insertClipboardContent(clipboardContent, isKeyBoardPaste, plainTextMode);
|
|
}, 0);
|
|
}
|
|
});
|
|
|
|
editor.on('dragstart dragend', function(e) {
|
|
draggingInternally = e.type == 'dragstart';
|
|
});
|
|
|
|
function isPlainTextFileUrl(content) {
|
|
return content['text/plain'].indexOf('file://') === 0;
|
|
}
|
|
|
|
editor.on('drop', function(e) {
|
|
var dropContent, rng;
|
|
|
|
rng = getCaretRangeFromEvent(e);
|
|
|
|
if (e.isDefaultPrevented() || draggingInternally) {
|
|
return;
|
|
}
|
|
|
|
dropContent = getDataTransferItems(e.dataTransfer);
|
|
|
|
if ((!hasHtmlOrText(dropContent) || isPlainTextFileUrl(dropContent)) && pasteImageData(e, rng)) {
|
|
return;
|
|
}
|
|
|
|
if (rng && editor.settings.paste_filter_drop !== false) {
|
|
var content = dropContent['mce-internal'] || dropContent['text/html'] || dropContent['text/plain'];
|
|
|
|
if (content) {
|
|
e.preventDefault();
|
|
|
|
// FF 45 doesn't paint a caret when dragging in text in due to focus call by execCommand
|
|
Delay.setEditorTimeout(editor, function() {
|
|
editor.undoManager.transact(function() {
|
|
if (dropContent['mce-internal']) {
|
|
editor.execCommand('Delete');
|
|
}
|
|
|
|
editor.selection.setRng(rng);
|
|
|
|
content = Utils.trimHtml(content);
|
|
|
|
if (!dropContent['text/html']) {
|
|
pasteText(content);
|
|
} else {
|
|
pasteHtml(content);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
editor.on('dragover dragend', function(e) {
|
|
if (editor.settings.paste_data_images) {
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
}
|
|
|
|
self.pasteHtml = pasteHtml;
|
|
self.pasteText = pasteText;
|
|
|
|
editor.on('preInit', function() {
|
|
registerEventHandlers();
|
|
|
|
// Remove all data images from paste for example from Gecko
|
|
// except internal images like video elements
|
|
editor.parser.addNodeFilter('img', function(nodes, name, args) {
|
|
function isPasteInsert(args) {
|
|
return args.data && args.data.paste === true;
|
|
}
|
|
|
|
function remove(node) {
|
|
if (!node.attr('data-mce-object') && src !== Env.transparentSrc) {
|
|
node.remove();
|
|
}
|
|
}
|
|
|
|
function isWebKitFakeUrl(src) {
|
|
return src.indexOf("webkit-fake-url") === 0;
|
|
}
|
|
|
|
function isDataUri(src) {
|
|
return src.indexOf("data:") === 0;
|
|
}
|
|
|
|
if (!editor.settings.paste_data_images && isPasteInsert(args)) {
|
|
var i = nodes.length;
|
|
|
|
while (i--) {
|
|
var src = nodes[i].attributes.map.src;
|
|
|
|
if (!src) {
|
|
continue;
|
|
}
|
|
|
|
// Safari on Mac produces webkit-fake-url see: https://bugs.webkit.org/show_bug.cgi?id=49141
|
|
if (isWebKitFakeUrl(src)) {
|
|
remove(nodes[i]);
|
|
} else if (!editor.settings.allow_html_data_urls && isDataUri(src)) {
|
|
remove(nodes[i]);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
};
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/WordFilter.js
|
|
|
|
/**
|
|
* WordFilter.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/**
|
|
* This class parses word HTML into proper TinyMCE markup.
|
|
*
|
|
* @class tinymce.pasteplugin.WordFilter
|
|
* @private
|
|
*/
|
|
define("tinymce/pasteplugin/WordFilter", [
|
|
"tinymce/util/Tools",
|
|
"tinymce/html/DomParser",
|
|
"tinymce/html/Schema",
|
|
"tinymce/html/Serializer",
|
|
"tinymce/html/Node",
|
|
"tinymce/pasteplugin/Utils"
|
|
], function(Tools, DomParser, Schema, Serializer, Node, Utils) {
|
|
/**
|
|
* Checks if the specified content is from any of the following sources: MS Word/Office 365/Google docs.
|
|
*/
|
|
function isWordContent(content) {
|
|
return (
|
|
(/<font face="Times New Roman"|class="?Mso|style="[^"]*\bmso-|style='[^'']*\bmso-|w:WordDocument/i).test(content) ||
|
|
(/class="OutlineElement/).test(content) ||
|
|
(/id="?docs\-internal\-guid\-/.test(content))
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Checks if the specified text starts with "1. " or "a. " etc.
|
|
*/
|
|
function isNumericList(text) {
|
|
var found, patterns;
|
|
|
|
patterns = [
|
|
/^[IVXLMCD]{1,2}\.[ \u00a0]/, // Roman upper case
|
|
/^[ivxlmcd]{1,2}\.[ \u00a0]/, // Roman lower case
|
|
/^[a-z]{1,2}[\.\)][ \u00a0]/, // Alphabetical a-z
|
|
/^[A-Z]{1,2}[\.\)][ \u00a0]/, // Alphabetical A-Z
|
|
/^[0-9]+\.[ \u00a0]/, // Numeric lists
|
|
/^[\u3007\u4e00\u4e8c\u4e09\u56db\u4e94\u516d\u4e03\u516b\u4e5d]+\.[ \u00a0]/, // Japanese
|
|
/^[\u58f1\u5f10\u53c2\u56db\u4f0d\u516d\u4e03\u516b\u4e5d\u62fe]+\.[ \u00a0]/ // Chinese
|
|
];
|
|
|
|
text = text.replace(/^[\u00a0 ]+/, '');
|
|
|
|
Tools.each(patterns, function(pattern) {
|
|
if (pattern.test(text)) {
|
|
found = true;
|
|
return false;
|
|
}
|
|
});
|
|
|
|
return found;
|
|
}
|
|
|
|
function isBulletList(text) {
|
|
return /^[\s\u00a0]*[\u2022\u00b7\u00a7\u25CF]\s*/.test(text);
|
|
}
|
|
|
|
function WordFilter(editor) {
|
|
var settings = editor.settings;
|
|
|
|
editor.on('BeforePastePreProcess', function(e) {
|
|
var content = e.content, retainStyleProperties, validStyles;
|
|
|
|
// Remove google docs internal guid markers
|
|
content = content.replace(/<b[^>]+id="?docs-internal-[^>]*>/gi, '');
|
|
content = content.replace(/<br class="?Apple-interchange-newline"?>/gi, '');
|
|
|
|
retainStyleProperties = settings.paste_retain_style_properties;
|
|
if (retainStyleProperties) {
|
|
validStyles = Tools.makeMap(retainStyleProperties.split(/[, ]/));
|
|
}
|
|
|
|
/**
|
|
* Converts fake bullet and numbered lists to real semantic OL/UL.
|
|
*
|
|
* @param {tinymce.html.Node} node Root node to convert children of.
|
|
*/
|
|
function convertFakeListsToProperLists(node) {
|
|
var currentListNode, prevListNode, lastLevel = 1;
|
|
|
|
function getText(node) {
|
|
var txt = '';
|
|
|
|
if (node.type === 3) {
|
|
return node.value;
|
|
}
|
|
|
|
if ((node = node.firstChild)) {
|
|
do {
|
|
txt += getText(node);
|
|
} while ((node = node.next));
|
|
}
|
|
|
|
return txt;
|
|
}
|
|
|
|
function trimListStart(node, regExp) {
|
|
if (node.type === 3) {
|
|
if (regExp.test(node.value)) {
|
|
node.value = node.value.replace(regExp, '');
|
|
return false;
|
|
}
|
|
}
|
|
|
|
if ((node = node.firstChild)) {
|
|
do {
|
|
if (!trimListStart(node, regExp)) {
|
|
return false;
|
|
}
|
|
} while ((node = node.next));
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
function removeIgnoredNodes(node) {
|
|
if (node._listIgnore) {
|
|
node.remove();
|
|
return;
|
|
}
|
|
|
|
if ((node = node.firstChild)) {
|
|
do {
|
|
removeIgnoredNodes(node);
|
|
} while ((node = node.next));
|
|
}
|
|
}
|
|
|
|
function convertParagraphToLi(paragraphNode, listName, start) {
|
|
var level = paragraphNode._listLevel || lastLevel;
|
|
|
|
// Handle list nesting
|
|
if (level != lastLevel) {
|
|
if (level < lastLevel) {
|
|
// Move to parent list
|
|
if (currentListNode) {
|
|
currentListNode = currentListNode.parent.parent;
|
|
}
|
|
} else {
|
|
// Create new list
|
|
prevListNode = currentListNode;
|
|
currentListNode = null;
|
|
}
|
|
}
|
|
|
|
if (!currentListNode || currentListNode.name != listName) {
|
|
prevListNode = prevListNode || currentListNode;
|
|
currentListNode = new Node(listName, 1);
|
|
|
|
if (start > 1) {
|
|
currentListNode.attr('start', '' + start);
|
|
}
|
|
|
|
paragraphNode.wrap(currentListNode);
|
|
} else {
|
|
currentListNode.append(paragraphNode);
|
|
}
|
|
|
|
paragraphNode.name = 'li';
|
|
|
|
// Append list to previous list if it exists
|
|
if (level > lastLevel && prevListNode) {
|
|
prevListNode.lastChild.append(currentListNode);
|
|
}
|
|
|
|
lastLevel = level;
|
|
|
|
// Remove start of list item "1. " or "· " etc
|
|
removeIgnoredNodes(paragraphNode);
|
|
trimListStart(paragraphNode, /^\u00a0+/);
|
|
trimListStart(paragraphNode, /^\s*([\u2022\u00b7\u00a7\u25CF]|\w+\.)/);
|
|
trimListStart(paragraphNode, /^\u00a0+/);
|
|
}
|
|
|
|
// Build a list of all root level elements before we start
|
|
// altering them in the loop below.
|
|
var elements = [], child = node.firstChild;
|
|
while (typeof child !== 'undefined' && child !== null) {
|
|
elements.push(child);
|
|
|
|
child = child.walk();
|
|
if (child !== null) {
|
|
while (typeof child !== 'undefined' && child.parent !== node) {
|
|
child = child.walk();
|
|
}
|
|
}
|
|
}
|
|
|
|
for (var i = 0; i < elements.length; i++) {
|
|
node = elements[i];
|
|
|
|
if (node.name == 'p' && node.firstChild) {
|
|
// Find first text node in paragraph
|
|
var nodeText = getText(node);
|
|
|
|
// Detect unordered lists look for bullets
|
|
if (isBulletList(nodeText)) {
|
|
convertParagraphToLi(node, 'ul');
|
|
continue;
|
|
}
|
|
|
|
// Detect ordered lists 1., a. or ixv.
|
|
if (isNumericList(nodeText)) {
|
|
// Parse OL start number
|
|
var matches = /([0-9]+)\./.exec(nodeText);
|
|
var start = 1;
|
|
if (matches) {
|
|
start = parseInt(matches[1], 10);
|
|
}
|
|
|
|
convertParagraphToLi(node, 'ol', start);
|
|
continue;
|
|
}
|
|
|
|
// Convert paragraphs marked as lists but doesn't look like anything
|
|
if (node._listLevel) {
|
|
convertParagraphToLi(node, 'ul', 1);
|
|
continue;
|
|
}
|
|
|
|
currentListNode = null;
|
|
} else {
|
|
// If the root level element isn't a p tag which can be
|
|
// processed by convertParagraphToLi, it interrupts the
|
|
// lists, causing a new list to start instead of having
|
|
// elements from the next list inserted above this tag.
|
|
prevListNode = currentListNode;
|
|
currentListNode = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
function filterStyles(node, styleValue) {
|
|
var outputStyles = {}, matches, styles = editor.dom.parseStyle(styleValue);
|
|
|
|
Tools.each(styles, function(value, name) {
|
|
// Convert various MS styles to W3C styles
|
|
switch (name) {
|
|
case 'mso-list':
|
|
// Parse out list indent level for lists
|
|
matches = /\w+ \w+([0-9]+)/i.exec(styleValue);
|
|
if (matches) {
|
|
node._listLevel = parseInt(matches[1], 10);
|
|
}
|
|
|
|
// Remove these nodes <span style="mso-list:Ignore">o</span>
|
|
// Since the span gets removed we mark the text node and the span
|
|
if (/Ignore/i.test(value) && node.firstChild) {
|
|
node._listIgnore = true;
|
|
node.firstChild._listIgnore = true;
|
|
}
|
|
|
|
break;
|
|
|
|
case "horiz-align":
|
|
name = "text-align";
|
|
break;
|
|
|
|
case "vert-align":
|
|
name = "vertical-align";
|
|
break;
|
|
|
|
case "font-color":
|
|
case "mso-foreground":
|
|
name = "color";
|
|
break;
|
|
|
|
case "mso-background":
|
|
case "mso-highlight":
|
|
name = "background";
|
|
break;
|
|
|
|
case "font-weight":
|
|
case "font-style":
|
|
if (value != "normal") {
|
|
outputStyles[name] = value;
|
|
}
|
|
return;
|
|
|
|
case "mso-element":
|
|
// Remove track changes code
|
|
if (/^(comment|comment-list)$/i.test(value)) {
|
|
node.remove();
|
|
return;
|
|
}
|
|
|
|
break;
|
|
}
|
|
|
|
if (name.indexOf('mso-comment') === 0) {
|
|
node.remove();
|
|
return;
|
|
}
|
|
|
|
// Never allow mso- prefixed names
|
|
if (name.indexOf('mso-') === 0) {
|
|
return;
|
|
}
|
|
|
|
// Output only valid styles
|
|
if (retainStyleProperties == "all" || (validStyles && validStyles[name])) {
|
|
outputStyles[name] = value;
|
|
}
|
|
});
|
|
|
|
// Convert bold style to "b" element
|
|
if (/(bold)/i.test(outputStyles["font-weight"])) {
|
|
delete outputStyles["font-weight"];
|
|
node.wrap(new Node("b", 1));
|
|
}
|
|
|
|
// Convert italic style to "i" element
|
|
if (/(italic)/i.test(outputStyles["font-style"])) {
|
|
delete outputStyles["font-style"];
|
|
node.wrap(new Node("i", 1));
|
|
}
|
|
|
|
// Serialize the styles and see if there is something left to keep
|
|
outputStyles = editor.dom.serializeStyle(outputStyles, node.name);
|
|
if (outputStyles) {
|
|
return outputStyles;
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
if (settings.paste_enable_default_filters === false) {
|
|
return;
|
|
}
|
|
|
|
// Detect is the contents is Word junk HTML
|
|
if (isWordContent(e.content)) {
|
|
e.wordContent = true; // Mark it for other processors
|
|
|
|
// Remove basic Word junk
|
|
content = Utils.filter(content, [
|
|
// Word comments like conditional comments etc
|
|
/<!--[\s\S]+?-->/gi,
|
|
|
|
// Remove comments, scripts (e.g., msoShowComment), XML tag, VML content,
|
|
// MS Office namespaced tags, and a few other tags
|
|
/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]*>/gi,
|
|
|
|
// Convert <s> into <strike> for line-though
|
|
[/<(\/?)s>/gi, "<$1strike>"],
|
|
|
|
// Replace nsbp entites to char since it's easier to handle
|
|
[/ /gi, "\u00a0"],
|
|
|
|
// Convert <span style="mso-spacerun:yes">___</span> to string of alternating
|
|
// breaking/non-breaking spaces of same length
|
|
[/<span\s+style\s*=\s*"\s*mso-spacerun\s*:\s*yes\s*;?\s*"\s*>([\s\u00a0]*)<\/span>/gi,
|
|
function(str, spaces) {
|
|
return (spaces.length > 0) ?
|
|
spaces.replace(/./, " ").slice(Math.floor(spaces.length / 2)).split("").join("\u00a0") : "";
|
|
}
|
|
]
|
|
]);
|
|
|
|
var validElements = settings.paste_word_valid_elements;
|
|
if (!validElements) {
|
|
validElements = (
|
|
'-strong/b,-em/i,-u,-span,-p,-ol,-ul,-li,-h1,-h2,-h3,-h4,-h5,-h6,' +
|
|
'-p/div,-a[href|name],sub,sup,strike,br,del,table[width],tr,' +
|
|
'td[colspan|rowspan|width],th[colspan|rowspan|width],thead,tfoot,tbody'
|
|
);
|
|
}
|
|
|
|
// Setup strict schema
|
|
var schema = new Schema({
|
|
valid_elements: validElements,
|
|
valid_children: '-li[p]'
|
|
});
|
|
|
|
// Add style/class attribute to all element rules since the user might have removed them from
|
|
// paste_word_valid_elements config option and we need to check them for properties
|
|
Tools.each(schema.elements, function(rule) {
|
|
/*eslint dot-notation:0*/
|
|
if (!rule.attributes["class"]) {
|
|
rule.attributes["class"] = {};
|
|
rule.attributesOrder.push("class");
|
|
}
|
|
|
|
if (!rule.attributes.style) {
|
|
rule.attributes.style = {};
|
|
rule.attributesOrder.push("style");
|
|
}
|
|
});
|
|
|
|
// Parse HTML into DOM structure
|
|
var domParser = new DomParser({}, schema);
|
|
|
|
// Filter styles to remove "mso" specific styles and convert some of them
|
|
domParser.addAttributeFilter('style', function(nodes) {
|
|
var i = nodes.length, node;
|
|
|
|
while (i--) {
|
|
node = nodes[i];
|
|
node.attr('style', filterStyles(node, node.attr('style')));
|
|
|
|
// Remove pointess spans
|
|
if (node.name == 'span' && node.parent && !node.attributes.length) {
|
|
node.unwrap();
|
|
}
|
|
}
|
|
});
|
|
|
|
// Check the class attribute for comments or del items and remove those
|
|
domParser.addAttributeFilter('class', function(nodes) {
|
|
var i = nodes.length, node, className;
|
|
|
|
while (i--) {
|
|
node = nodes[i];
|
|
|
|
className = node.attr('class');
|
|
if (/^(MsoCommentReference|MsoCommentText|msoDel)$/i.test(className)) {
|
|
node.remove();
|
|
}
|
|
|
|
node.attr('class', null);
|
|
}
|
|
});
|
|
|
|
// Remove all del elements since we don't want the track changes code in the editor
|
|
domParser.addNodeFilter('del', function(nodes) {
|
|
var i = nodes.length;
|
|
|
|
while (i--) {
|
|
nodes[i].remove();
|
|
}
|
|
});
|
|
|
|
// Keep some of the links and anchors
|
|
domParser.addNodeFilter('a', function(nodes) {
|
|
var i = nodes.length, node, href, name;
|
|
|
|
while (i--) {
|
|
node = nodes[i];
|
|
href = node.attr('href');
|
|
name = node.attr('name');
|
|
|
|
if (href && href.indexOf('#_msocom_') != -1) {
|
|
node.remove();
|
|
continue;
|
|
}
|
|
|
|
if (href && href.indexOf('file://') === 0) {
|
|
href = href.split('#')[1];
|
|
if (href) {
|
|
href = '#' + href;
|
|
}
|
|
}
|
|
|
|
if (!href && !name) {
|
|
node.unwrap();
|
|
} else {
|
|
// Remove all named anchors that aren't specific to TOC, Footnotes or Endnotes
|
|
if (name && !/^_?(?:toc|edn|ftn)/i.test(name)) {
|
|
node.unwrap();
|
|
continue;
|
|
}
|
|
|
|
node.attr({
|
|
href: href,
|
|
name: name
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
// Parse into DOM structure
|
|
var rootNode = domParser.parse(content);
|
|
|
|
// Process DOM
|
|
if (settings.paste_convert_word_fake_lists !== false) {
|
|
convertFakeListsToProperLists(rootNode);
|
|
}
|
|
|
|
// Serialize DOM back to HTML
|
|
e.content = new Serializer({
|
|
validate: settings.validate
|
|
}, schema).serialize(rootNode);
|
|
}
|
|
});
|
|
}
|
|
|
|
WordFilter.isWordContent = isWordContent;
|
|
|
|
return WordFilter;
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Quirks.js
|
|
|
|
/**
|
|
* Quirks.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/**
|
|
* This class contains various fixes for browsers. These issues can not be feature
|
|
* detected since we have no direct control over the clipboard. However we might be able
|
|
* to remove some of these fixes once the browsers gets updated/fixed.
|
|
*
|
|
* @class tinymce.pasteplugin.Quirks
|
|
* @private
|
|
*/
|
|
define("tinymce/pasteplugin/Quirks", [
|
|
"tinymce/Env",
|
|
"tinymce/util/Tools",
|
|
"tinymce/pasteplugin/WordFilter",
|
|
"tinymce/pasteplugin/Utils"
|
|
], function(Env, Tools, WordFilter, Utils) {
|
|
"use strict";
|
|
|
|
return function(editor) {
|
|
function addPreProcessFilter(filterFunc) {
|
|
editor.on('BeforePastePreProcess', function(e) {
|
|
e.content = filterFunc(e.content);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Removes BR elements after block elements. IE9 has a nasty bug where it puts a BR element after each
|
|
* block element when pasting from word. This removes those elements.
|
|
*
|
|
* This:
|
|
* <p>a</p><br><p>b</p>
|
|
*
|
|
* Becomes:
|
|
* <p>a</p><p>b</p>
|
|
*/
|
|
function removeExplorerBrElementsAfterBlocks(html) {
|
|
// Only filter word specific content
|
|
if (!WordFilter.isWordContent(html)) {
|
|
return html;
|
|
}
|
|
|
|
// Produce block regexp based on the block elements in schema
|
|
var blockElements = [];
|
|
|
|
Tools.each(editor.schema.getBlockElements(), function(block, blockName) {
|
|
blockElements.push(blockName);
|
|
});
|
|
|
|
var explorerBlocksRegExp = new RegExp(
|
|
'(?:<br> [\\s\\r\\n]+|<br>)*(<\\/?(' + blockElements.join('|') + ')[^>]*>)(?:<br> [\\s\\r\\n]+|<br>)*',
|
|
'g'
|
|
);
|
|
|
|
// Remove BR:s from: <BLOCK>X</BLOCK><BR>
|
|
html = Utils.filter(html, [
|
|
[explorerBlocksRegExp, '$1']
|
|
]);
|
|
|
|
// IE9 also adds an extra BR element for each soft-linefeed and it also adds a BR for each word wrap break
|
|
html = Utils.filter(html, [
|
|
[/<br><br>/g, '<BR><BR>'], // Replace multiple BR elements with uppercase BR to keep them intact
|
|
[/<br>/g, ' '], // Replace single br elements with space since they are word wrap BR:s
|
|
[/<BR><BR>/g, '<br>'] // Replace back the double brs but into a single BR
|
|
]);
|
|
|
|
return html;
|
|
}
|
|
|
|
/**
|
|
* WebKit has a nasty bug where the all computed styles gets added to style attributes when copy/pasting contents.
|
|
* This fix solves that by simply removing the whole style attribute.
|
|
*
|
|
* The paste_webkit_styles option can be set to specify what to keep:
|
|
* paste_webkit_styles: "none" // Keep no styles
|
|
* paste_webkit_styles: "all", // Keep all of them
|
|
* paste_webkit_styles: "font-weight color" // Keep specific ones
|
|
*
|
|
* @param {String} content Content that needs to be processed.
|
|
* @return {String} Processed contents.
|
|
*/
|
|
function removeWebKitStyles(content) {
|
|
// Passthrough all styles from Word and let the WordFilter handle that junk
|
|
if (WordFilter.isWordContent(content)) {
|
|
return content;
|
|
}
|
|
|
|
// Filter away styles that isn't matching the target node
|
|
var webKitStyles = editor.settings.paste_webkit_styles;
|
|
|
|
if (editor.settings.paste_remove_styles_if_webkit === false || webKitStyles == "all") {
|
|
return content;
|
|
}
|
|
|
|
if (webKitStyles) {
|
|
webKitStyles = webKitStyles.split(/[, ]/);
|
|
}
|
|
|
|
// Keep specific styles that doesn't match the current node computed style
|
|
if (webKitStyles) {
|
|
var dom = editor.dom, node = editor.selection.getNode();
|
|
|
|
content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, function(all, before, value, after) {
|
|
var inputStyles = dom.parseStyle(value, 'span'), outputStyles = {};
|
|
|
|
if (webKitStyles === "none") {
|
|
return before + after;
|
|
}
|
|
|
|
for (var i = 0; i < webKitStyles.length; i++) {
|
|
var inputValue = inputStyles[webKitStyles[i]], currentValue = dom.getStyle(node, webKitStyles[i], true);
|
|
|
|
if (/color/.test(webKitStyles[i])) {
|
|
inputValue = dom.toHex(inputValue);
|
|
currentValue = dom.toHex(currentValue);
|
|
}
|
|
|
|
if (currentValue != inputValue) {
|
|
outputStyles[webKitStyles[i]] = inputValue;
|
|
}
|
|
}
|
|
|
|
outputStyles = dom.serializeStyle(outputStyles, 'span');
|
|
if (outputStyles) {
|
|
return before + ' style="' + outputStyles + '"' + after;
|
|
}
|
|
|
|
return before + after;
|
|
});
|
|
} else {
|
|
// Remove all external styles
|
|
content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, '$1$3');
|
|
}
|
|
|
|
// Keep internal styles
|
|
content = content.replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi, function(all, before, value, after) {
|
|
return before + ' style="' + value + '"' + after;
|
|
});
|
|
|
|
return content;
|
|
}
|
|
|
|
// Sniff browsers and apply fixes since we can't feature detect
|
|
if (Env.webkit) {
|
|
addPreProcessFilter(removeWebKitStyles);
|
|
}
|
|
|
|
if (Env.ie) {
|
|
addPreProcessFilter(removeExplorerBrElementsAfterBlocks);
|
|
}
|
|
};
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Plugin.js
|
|
|
|
/**
|
|
* Plugin.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/**
|
|
* This class contains the tinymce plugin logic for the paste plugin.
|
|
*
|
|
* @class tinymce.pasteplugin.Plugin
|
|
* @private
|
|
*/
|
|
define("tinymce/pasteplugin/Plugin", [
|
|
"tinymce/PluginManager",
|
|
"tinymce/pasteplugin/Clipboard",
|
|
"tinymce/pasteplugin/WordFilter",
|
|
"tinymce/pasteplugin/Quirks"
|
|
], function(PluginManager, Clipboard, WordFilter, Quirks) {
|
|
var userIsInformed;
|
|
|
|
PluginManager.add('paste', function(editor) {
|
|
var self = this, clipboard, settings = editor.settings;
|
|
|
|
function isUserInformedAboutPlainText() {
|
|
return userIsInformed || editor.settings.paste_plaintext_inform === false;
|
|
}
|
|
|
|
function togglePlainTextPaste() {
|
|
if (clipboard.pasteFormat == "text") {
|
|
this.active(false);
|
|
clipboard.pasteFormat = "html";
|
|
editor.fire('PastePlainTextToggle', {state: false});
|
|
} else {
|
|
clipboard.pasteFormat = "text";
|
|
this.active(true);
|
|
|
|
if (!isUserInformedAboutPlainText()) {
|
|
var message = editor.translate('Paste is now in plain text mode. Contents will now ' +
|
|
'be pasted as plain text until you toggle this option off.');
|
|
|
|
editor.notificationManager.open({
|
|
text: message,
|
|
type: 'info'
|
|
});
|
|
|
|
userIsInformed = true;
|
|
editor.fire('PastePlainTextToggle', {state: true});
|
|
}
|
|
}
|
|
|
|
editor.focus();
|
|
}
|
|
|
|
self.clipboard = clipboard = new Clipboard(editor);
|
|
self.quirks = new Quirks(editor);
|
|
self.wordFilter = new WordFilter(editor);
|
|
|
|
if (editor.settings.paste_as_text) {
|
|
self.clipboard.pasteFormat = "text";
|
|
}
|
|
|
|
if (settings.paste_preprocess) {
|
|
editor.on('PastePreProcess', function(e) {
|
|
settings.paste_preprocess.call(self, self, e);
|
|
});
|
|
}
|
|
|
|
if (settings.paste_postprocess) {
|
|
editor.on('PastePostProcess', function(e) {
|
|
settings.paste_postprocess.call(self, self, e);
|
|
});
|
|
}
|
|
|
|
editor.addCommand('mceInsertClipboardContent', function(ui, value) {
|
|
if (value.content) {
|
|
self.clipboard.pasteHtml(value.content);
|
|
}
|
|
|
|
if (value.text) {
|
|
self.clipboard.pasteText(value.text);
|
|
}
|
|
});
|
|
|
|
// Block all drag/drop events
|
|
if (editor.settings.paste_block_drop) {
|
|
editor.on('dragend dragover draggesture dragdrop drop drag', function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
});
|
|
}
|
|
|
|
// Prevent users from dropping data images on Gecko
|
|
if (!editor.settings.paste_data_images) {
|
|
editor.on('drop', function(e) {
|
|
var dataTransfer = e.dataTransfer;
|
|
|
|
if (dataTransfer && dataTransfer.files && dataTransfer.files.length > 0) {
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
}
|
|
|
|
editor.addButton('pastetext', {
|
|
icon: 'pastetext',
|
|
tooltip: 'Paste as text',
|
|
onclick: togglePlainTextPaste,
|
|
active: self.clipboard.pasteFormat == "text"
|
|
});
|
|
|
|
editor.addMenuItem('pastetext', {
|
|
text: 'Paste as text',
|
|
selectable: true,
|
|
active: clipboard.pasteFormat,
|
|
onclick: togglePlainTextPaste
|
|
});
|
|
});
|
|
});
|
|
|
|
expose(["tinymce/pasteplugin/Utils"]);
|
|
})(this); |