1195 lines
33 KiB
JavaScript
1195 lines
33 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) {
|
|
for (var i = 0; i < ids.length; i++) {
|
|
var target = exports;
|
|
var id = ids[i];
|
|
var 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];
|
|
}
|
|
}
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Utils.js
|
|
|
|
/**
|
|
* Utils.js
|
|
*
|
|
* Copyright, Moxiecode Systems AB
|
|
* Released under LGPL License.
|
|
*
|
|
* 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.Clipboard
|
|
* @private
|
|
*/
|
|
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';
|
|
}
|
|
}
|
|
}
|
|
|
|
walk(domParser.parse(html));
|
|
|
|
return text;
|
|
}
|
|
|
|
return {
|
|
filter: filter,
|
|
innerText: innerText
|
|
};
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Clipboard.js
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Clipboard.js
|
|
|
|
/**
|
|
* Clipboard.js
|
|
*
|
|
* Copyright, Moxiecode Systems AB
|
|
* Released under LGPL License.
|
|
*
|
|
* 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: Gecko/WebKit/Blink. We might rewrite
|
|
* this the way those API:s stabilize.
|
|
*
|
|
* 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/util/VK",
|
|
"tinymce/pasteplugin/Utils"
|
|
], function(Env, VK, Utils) {
|
|
return function(editor) {
|
|
var self = this, pasteBinElm, lastRng, keyboardPasteTimeStamp = 0;
|
|
var pasteBinDefaultContent = '%MCEPASTEBIN%', keyboardPastePlainTextState;
|
|
|
|
/**
|
|
* 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 copyImage(src, ids) {
|
|
ajaxPost("/file/copyHttpImage", {src: src}, function(ret) {
|
|
if(reIsOk(ret)) {
|
|
// 将图片替换之
|
|
// var src = urlPrefix + "/" + ret.Item;
|
|
var src = urlPrefix + "/api/file/getImage?fileId=" + ret.Id;
|
|
var dom = editor.dom;
|
|
for(var i in ids) {
|
|
var id = ids[i];
|
|
var imgElm = dom.get(id);
|
|
dom.setAttrib(imgElm, 'src', src);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
// 粘贴HTML
|
|
// 当在pre下时不能粘贴成HTML
|
|
// life add text
|
|
function pasteHtml(html, text) {
|
|
var args, dom = editor.dom;
|
|
|
|
// Remove all data images from paste for example from Gecko
|
|
if (!editor.settings.paste_data_images) {
|
|
html = html.replace(/<img[^>]+src=\"data:image[^>]+>/g, '');
|
|
}
|
|
|
|
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()) {
|
|
// life
|
|
var node = editor.selection.getNode();
|
|
if(node.nodeName == "PRE") {
|
|
if(!text) {
|
|
try {
|
|
text = $(html).text();
|
|
} catch(e) {
|
|
}
|
|
}
|
|
// HTML不能粘贴
|
|
// 其它有错误.... TODO
|
|
// 若有HTML, paste到其它地方有js错误
|
|
// 貼html时自动会删除
|
|
// 纯HTML编辑也会
|
|
text = text.replace(/</g, "<");
|
|
text = text.replace(/>/g, ">");
|
|
// firefox下必须这个
|
|
editor.insertRawContent(text);
|
|
// 之前用insertRawContent()有问题, ace paste下, TODO
|
|
// editor.insertContent(text);
|
|
} else {
|
|
// life 这里得到图片img, 复制到leanote下
|
|
if(!self.copyImage) {
|
|
editor.insertContent(html);
|
|
} else {
|
|
var urlPrefix = UrlPrefix;
|
|
var needCopyImages = {}; // src => [id1,id2]
|
|
var time = (new Date()).getTime();
|
|
try {
|
|
var $html = $("<div>" + html + "</div>");
|
|
var $imgs = $html.find("img");
|
|
for(var i = 0; i < $imgs.length; ++i) {
|
|
var $img = $imgs.eq(i)
|
|
var src = $img.attr("src");
|
|
// 是否是外链
|
|
if(src.indexOf(urlPrefix) == -1) {
|
|
time++;
|
|
var id = "__LEANOTE_IMAGE_" + time;
|
|
$img.attr("id", id);
|
|
if(needCopyImages[src]) {
|
|
needCopyImages[src].push(id);
|
|
} else {
|
|
needCopyImages[src] = [id];
|
|
}
|
|
}
|
|
}
|
|
editor.insertContent($html.html());
|
|
|
|
for(var src in needCopyImages) {
|
|
var ids = needCopyImages[src];
|
|
copyImage(src, ids);
|
|
}
|
|
} catch(e) {
|
|
editor.insertContent(html);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 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.
|
|
*/
|
|
// life text2
|
|
function pasteText(text) {
|
|
var text2 = 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, text2);
|
|
}
|
|
|
|
/**
|
|
* Creates a paste bin element and moves the selection into that element. It will also move the element offscreen
|
|
* so that resize handles doesn't get produced on IE or Drag handles or Firefox.
|
|
*/
|
|
function createPasteBin() {
|
|
var dom = editor.dom, body = editor.getBody(), viewport = editor.dom.getViewPort(editor.getWin());
|
|
var scrollY = editor.inline ? body.scrollTop : viewport.y, height = editor.inline ? body.clientHeight : viewport.h;
|
|
|
|
removePasteBin();
|
|
|
|
// Create a pastebin
|
|
pasteBinElm = dom.add(editor.getBody(), 'div', {
|
|
id: "mcepastebin",
|
|
contentEditable: true,
|
|
"data-mce-bogus": "1",
|
|
style: 'position: absolute; top: ' + (scrollY + 20) + 'px;' +
|
|
'width: 10px; height: ' + (height - 40) + 'px; overflow: hidden; opacity: 0'
|
|
}, pasteBinDefaultContent);
|
|
|
|
// Move paste bin out of sight since the controlSelection rect gets displayed otherwise
|
|
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();
|
|
});
|
|
|
|
lastRng = editor.selection.getRng();
|
|
pasteBinElm.focus();
|
|
editor.selection.select(pasteBinElm, true);
|
|
}
|
|
|
|
/**
|
|
* Removes the paste bin if it exists.
|
|
*/
|
|
function removePasteBin() {
|
|
if (pasteBinElm) {
|
|
editor.dom.unbind(pasteBinElm);
|
|
editor.dom.remove(pasteBinElm);
|
|
|
|
if (lastRng) {
|
|
editor.selection.setRng(lastRng);
|
|
}
|
|
}
|
|
|
|
keyboardPastePlainTextState = false;
|
|
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() {
|
|
return pasteBinElm ? pasteBinElm.innerHTML : pasteBinDefaultContent;
|
|
}
|
|
|
|
/**
|
|
* 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) {
|
|
var data = {}, clipboardData = clipboardEvent.clipboardData || editor.getDoc().dataTransfer;
|
|
|
|
if (clipboardData && clipboardData.types) {
|
|
data['text/plain'] = clipboardData.getData('Text');
|
|
|
|
for (var i = 0; i < clipboardData.types.length; i++) {
|
|
var contentType = clipboardData.types[i];
|
|
data[contentType] = clipboardData.getData(contentType);
|
|
}
|
|
}
|
|
|
|
return data;
|
|
}
|
|
|
|
function inAcePrevent() {
|
|
// 这个事件是从哪触发的? 浏览器自带的
|
|
// life ace 如果在pre中, 直接返回 TODO
|
|
var ace = LeaAce.nowIsInAce();
|
|
if(ace) {
|
|
// log("in aceEdiotr 2 paste");
|
|
// 原来这里focus了
|
|
setTimeout(function() {
|
|
ace[0].focus();
|
|
});
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
editor.on('keydown', function(e) {
|
|
if (e.isDefaultPrevented()) {
|
|
return;
|
|
}
|
|
|
|
// Ctrl+V or Shift+Insert
|
|
if ((VK.metaKeyPressed(e) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45)) {
|
|
|
|
if(inAcePrevent()) {
|
|
return;
|
|
}
|
|
|
|
keyboardPastePlainTextState = e.shiftKey && e.keyCode == 86;
|
|
|
|
// 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;
|
|
}
|
|
|
|
createPasteBin();
|
|
}
|
|
});
|
|
|
|
// 当url改变时, 得到图片的大小 copy from leanote_image
|
|
function getImageSize(url, callback) {
|
|
var img = document.createElement('img');
|
|
|
|
function done(width, height) {
|
|
img.parentNode.removeChild(img);
|
|
callback({width: width, height: height});
|
|
}
|
|
|
|
img.onload = function() {
|
|
done(img.clientWidth, img.clientHeight);
|
|
};
|
|
|
|
img.onerror = function() {
|
|
done();
|
|
};
|
|
|
|
img.src = url;
|
|
|
|
var style = img.style;
|
|
style.visibility = 'hidden';
|
|
style.position = 'fixed';
|
|
style.bottom = style.left = 0;
|
|
style.width = style.height = 'auto';
|
|
|
|
document.body.appendChild(img);
|
|
}
|
|
|
|
// 是否有图片的粘贴, 有则删除paste bin
|
|
// 因为paste bin隐藏不见了, 如果不删除, 则editor_drop_paste的图片就会在这个bin下
|
|
// 而且, paste bin最后会删除, 导致图片不能显示
|
|
function hasImage(event) {
|
|
var items;
|
|
if (event.clipboardData) {
|
|
items = event.clipboardData.items;
|
|
}
|
|
else if(event.originalEvent && event.originalEvent.clipboardData) {
|
|
items = event.originalEvent.clipboardData;
|
|
}
|
|
if (!items) {
|
|
return false;
|
|
}
|
|
// find pasted image among pasted items
|
|
for (var i = 0; i < items.length; i++) {
|
|
if (items[i].type.indexOf("image") === 0) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
// 上传图片
|
|
// 已过时, 不用, pasteImage在editor_drop_paste.js中用
|
|
function pasteImage(event) {
|
|
// use event.originalEvent.clipboard for newer chrome versions
|
|
var items = (event.clipboardData || event.originalEvent.clipboardData).items; // 可能有多个file, 找到属于图片的file
|
|
log(JSON.stringify(items)); // will give you the mime types
|
|
// find pasted image among pasted items
|
|
var blob;
|
|
for (var i = 0; i < items.length; i++) {
|
|
if (items[i].type.indexOf("image") === 0) {
|
|
blob = items[i].getAsFile();
|
|
}
|
|
}
|
|
// load image if there is a pasted image
|
|
if (blob) {
|
|
var reader = new FileReader();
|
|
reader.onload = function(event) {
|
|
// 上传之
|
|
var c = new FormData;
|
|
c.append("from", "pasteImage");
|
|
c.append("file", blob);
|
|
c.append("noteId", Note.curNoteId); // life
|
|
// var d;
|
|
// d = $.ajaxSettings.xhr();
|
|
// d.withCredentials = i;var d = {};
|
|
|
|
// 先显示loading...
|
|
var editor = tinymce.EditorManager.activeEditor;
|
|
var dom = editor.dom;
|
|
var d = {};
|
|
d.id = '__mcenew';
|
|
d.src = "http://leanote.com/images/loading-24.gif"; // 写死了
|
|
editor.insertContent(dom.createHTML('img', d));
|
|
var imgElm = dom.get('__mcenew');
|
|
$.ajax({url: "/file/pasteImage", contentType:false, processData:false , data: c, type: "POST"}
|
|
).done(function(re) {
|
|
if(!re || typeof re != "object" || !re.Ok) {
|
|
// 删除
|
|
dom.remove(imgElm);
|
|
return;
|
|
}
|
|
// 这里, 如果图片宽度过大, 这里设置成500px
|
|
var urlPrefix = UrlPrefix; // window.location.protocol + "//" + window.location.host;
|
|
var src = urlPrefix + "/file/outputImage?fileId=" + re.Id;
|
|
getImageSize(src, function(wh) {
|
|
// life 4/25
|
|
if(wh && wh.width) {
|
|
if(wh.width > 600) {
|
|
wh.width = 600;
|
|
}
|
|
d.width = wh.width;
|
|
dom.setAttrib(imgElm, 'width', d.width);
|
|
}
|
|
dom.setAttrib(imgElm, 'src', src);
|
|
});
|
|
dom.setAttrib(imgElm, 'id', null);
|
|
});
|
|
};
|
|
reader.readAsDataURL(blob);
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
editor.on('paste', function(e) {
|
|
if(inAcePrevent()) {
|
|
removePasteBin();
|
|
return;
|
|
}
|
|
|
|
if (hasImage(e)) {
|
|
removePasteBin();
|
|
// 不然会在内容中插入一个图片,
|
|
e.preventDefault();
|
|
return;
|
|
}
|
|
|
|
var clipboardContent = getClipboardContent(e);
|
|
var isKeyBoardPaste = new Date().getTime() - keyboardPasteTimeStamp < 100;
|
|
var plainTextMode = self.pasteFormat == "text" || keyboardPastePlainTextState;
|
|
|
|
// 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();
|
|
removePasteBin();
|
|
}
|
|
|
|
setTimeout(function() {
|
|
var html = getPasteBinHtml();
|
|
|
|
// WebKit has a nice bug where it clones the paste bin if you paste from for example notepad
|
|
if (pasteBinElm && pasteBinElm.firstChild && pasteBinElm.firstChild.id === 'mcepastebin') {
|
|
plainTextMode = true;
|
|
}
|
|
|
|
removePasteBin();
|
|
|
|
if (html == pasteBinDefaultContent || !isKeyBoardPaste) {
|
|
html = clipboardContent['text/html'] || clipboardContent['text/plain'] || pasteBinDefaultContent;
|
|
|
|
if (html == pasteBinDefaultContent) {
|
|
if (!isKeyBoardPaste) {
|
|
// editor.windowManager.alert('Please use Ctrl+V/Cmd+V keyboard shortcuts to paste contents.');
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (plainTextMode) {
|
|
pasteText(clipboardContent['text/plain'] || Utils.innerText(html));
|
|
} else {
|
|
// life
|
|
pasteHtml(html, clipboardContent['text/plain']);
|
|
}
|
|
}, 0);
|
|
});
|
|
|
|
self.pasteHtml = pasteHtml;
|
|
self.pasteText = pasteText;
|
|
};
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/WordFilter.js
|
|
|
|
/**
|
|
* WordFilter.js
|
|
*
|
|
* Copyright, Moxiecode Systems AB
|
|
* Released under LGPL License.
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/**
|
|
* This class parses word HTML into proper TinyMCE markup.
|
|
*
|
|
* @class tinymce.pasteplugin.Quirks
|
|
* @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) {
|
|
function isWordContent(content) {
|
|
return (/class="?Mso|style="[^"]*\bmso-|style='[^'']*\bmso-|w:WordDocument/i).test(content);
|
|
}
|
|
|
|
function WordFilter(editor) {
|
|
var settings = editor.settings;
|
|
|
|
editor.on('BeforePastePreProcess', function(e) {
|
|
var content = e.content, retainStyleProperties, validStyles;
|
|
|
|
retainStyleProperties = settings.paste_retain_style_properties;
|
|
if (retainStyleProperties) {
|
|
validStyles = Tools.makeMap(retainStyleProperties);
|
|
}
|
|
|
|
/**
|
|
* 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 convertParagraphToLi(paragraphNode, listStartTextNode, 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';
|
|
listStartTextNode.value = '';
|
|
|
|
var nextNode = listStartTextNode.next;
|
|
if (nextNode && nextNode.type == 3) {
|
|
nextNode.value = nextNode.value.replace(/^\u00a0+/, '');
|
|
}
|
|
|
|
// Append list to previous list if it exists
|
|
if (level > lastLevel && prevListNode) {
|
|
prevListNode.lastChild.append(currentListNode);
|
|
}
|
|
|
|
lastLevel = level;
|
|
}
|
|
|
|
var paragraphs = node.getAll('p');
|
|
|
|
for (var i = 0; i < paragraphs.length; i++) {
|
|
node = paragraphs[i];
|
|
|
|
if (node.name == 'p' && node.firstChild) {
|
|
// Find first text node in paragraph
|
|
var nodeText = '';
|
|
var listStartTextNode = node.firstChild;
|
|
|
|
while (listStartTextNode) {
|
|
nodeText = listStartTextNode.value;
|
|
if (nodeText) {
|
|
break;
|
|
}
|
|
|
|
listStartTextNode = listStartTextNode.firstChild;
|
|
}
|
|
|
|
// Detect unordered lists look for bullets
|
|
if (/^\s*[\u2022\u00b7\u00a7\u00d8\u25CF]\s*$/.test(nodeText)) {
|
|
convertParagraphToLi(node, listStartTextNode, 'ul');
|
|
continue;
|
|
}
|
|
|
|
// Detect ordered lists 1., a. or ixv.
|
|
if (/^\s*\w+\.$/.test(nodeText)) {
|
|
// Parse OL start number
|
|
var matches = /([0-9])\./.exec(nodeText);
|
|
var start = 1;
|
|
if (matches) {
|
|
start = parseInt(matches[1], 10);
|
|
}
|
|
|
|
convertParagraphToLi(node, listStartTextNode, 'ol', start);
|
|
continue;
|
|
}
|
|
|
|
currentListNode = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
function filterStyles(node, styleValue) {
|
|
// Parse out list indent level for lists
|
|
if (node.name === 'p') {
|
|
var matches = /mso-list:\w+ \w+([0-9]+)/.exec(styleValue);
|
|
|
|
if (matches) {
|
|
node._listLevel = parseInt(matches[1], 10);
|
|
}
|
|
}
|
|
|
|
if (editor.getParam("paste_retain_style_properties", "none")) {
|
|
var outputStyle = "";
|
|
|
|
Tools.each(editor.dom.parseStyle(styleValue), function(value, name) {
|
|
// Convert various MS styles to W3C styles
|
|
switch (name) {
|
|
case "horiz-align":
|
|
name = "text-align";
|
|
return;
|
|
|
|
case "vert-align":
|
|
name = "vertical-align";
|
|
return;
|
|
|
|
case "font-color":
|
|
case "mso-foreground":
|
|
name = "color";
|
|
return;
|
|
|
|
case "mso-background":
|
|
case "mso-highlight":
|
|
name = "background";
|
|
break;
|
|
}
|
|
|
|
// Output only valid styles
|
|
if (retainStyleProperties == "all" || (validStyles && validStyles[name])) {
|
|
outputStyle += name + ':' + value + ';';
|
|
}
|
|
});
|
|
|
|
if (outputStyle) {
|
|
return outputStyle;
|
|
}
|
|
}
|
|
|
|
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 = '@[style],-strong/b,-em/i,-span,-p,-ol,-ul,-li,-h1,-h2,-h3,-h4,-h5,-h6,' +
|
|
'-table,-tr,-td[colspan|rowspan],-th,-thead,-tfoot,-tbody,-a[!href],sub,sup,strike,br';
|
|
}
|
|
|
|
// Setup strict schema
|
|
var schema = new Schema({
|
|
valid_elements: validElements
|
|
});
|
|
|
|
// Parse HTML into DOM structure
|
|
var domParser = new DomParser({}, schema);
|
|
|
|
// Filte element style attributes
|
|
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.attributes.length) {
|
|
node.unwrap();
|
|
}
|
|
}
|
|
});
|
|
|
|
// Parse into DOM structure
|
|
var rootNode = domParser.parse(content);
|
|
|
|
// Process DOM
|
|
convertFakeListsToProperLists(rootNode);
|
|
|
|
// Serialize DOM back to HTML
|
|
e.content = new Serializer({}, schema).serialize(rootNode);
|
|
}
|
|
});
|
|
}
|
|
|
|
WordFilter.isWordContent = isWordContent;
|
|
|
|
return WordFilter;
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Quirks.js
|
|
|
|
/**
|
|
* Quirks.js
|
|
*
|
|
* Copyright, Moxiecode Systems AB
|
|
* Released under LGPL License.
|
|
*
|
|
* 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 WebKit fragment comments and converted-space spans.
|
|
*
|
|
* This:
|
|
* <!--StartFragment-->a<span class="Apple-converted-space"> </span>b<!--EndFragment-->
|
|
*
|
|
* Becomes:
|
|
* a b
|
|
*/
|
|
function removeWebKitFragments(html) {
|
|
html = Utils.filter(html, [
|
|
/^[\s\S]*<!--StartFragment-->|<!--EndFragment-->[\s\S]*$/g, // WebKit fragment
|
|
[/<span class="Apple-converted-space">\u00a0<\/span>/g, '\u00a0'], // WebKit
|
|
/<br>$/ // Traling BR elements
|
|
]);
|
|
|
|
return html;
|
|
}
|
|
|
|
/**
|
|
* 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 runtime styles gets added to style attributes when copy/pasting contents.
|
|
* This fix solves that by simply removing the whole style attribute.
|
|
*
|
|
* Todo: This can be made smarter. Keeping styles that override existing ones etc.
|
|
*
|
|
* @param {String} content Content that needs to be processed.
|
|
* @return {String} Processed contents.
|
|
*/
|
|
function removeWebKitStyles(content) {
|
|
if (editor.settings.paste_remove_styles || editor.settings.paste_remove_styles_if_webkit !== false) {
|
|
content = content.replace(/ style=\"[^\"]+\"/g, '');
|
|
}
|
|
|
|
return content;
|
|
}
|
|
|
|
// Sniff browsers and apply fixes since we can't feature detect
|
|
if (Env.webkit) {
|
|
addPreProcessFilter(removeWebKitStyles);
|
|
addPreProcessFilter(removeWebKitFragments);
|
|
}
|
|
|
|
if (Env.ie) {
|
|
addPreProcessFilter(removeExplorerBrElementsAfterBlocks);
|
|
}
|
|
};
|
|
});
|
|
|
|
// Included from: js/tinymce/plugins/paste/classes/Plugin.js
|
|
|
|
/**
|
|
* Plugin.js
|
|
*
|
|
* Copyright, Moxiecode Systems AB
|
|
* Released under LGPL License.
|
|
*
|
|
* 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;
|
|
var userIsInformed2;
|
|
|
|
PluginManager.add('paste', function(editor) {
|
|
var self = this, clipboard, settings = editor.settings;
|
|
|
|
function togglePlainTextPaste() {
|
|
if (clipboard.pasteFormat == "text") {
|
|
this.active(false);
|
|
clipboard.pasteFormat = "html";
|
|
} else {
|
|
clipboard.pasteFormat = "text";
|
|
this.active(true);
|
|
|
|
if (!userIsInformed) {
|
|
editor.windowManager.alert(
|
|
'Paste is now in plain text mode. Contents will now ' +
|
|
'be pasted as plain text until you toggle this option off.'
|
|
);
|
|
|
|
userIsInformed = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
self.clipboard = clipboard = new Clipboard(editor);
|
|
self.quirks = new Quirks(editor);
|
|
self.wordFilter = new WordFilter(editor);
|
|
clipboard.copyImage = true;
|
|
|
|
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.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","tinymce/pasteplugin/WordFilter"]);
|
|
})(this);
|