includes/clientside/tinymce/plugins/paste/editor_plugin_src.js
changeset 1 fe660c52c48f
equal deleted inserted replaced
0:902822492a68 1:fe660c52c48f
       
     1 /**
       
     2  * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $
       
     3  *
       
     4  * @author Moxiecode
       
     5  * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.
       
     6  */
       
     7 
       
     8 /* Import plugin specific language pack */ 
       
     9 tinyMCE.importPluginLanguagePack('paste');
       
    10 
       
    11 var TinyMCE_PastePlugin = {
       
    12 	getInfo : function() {
       
    13 		return {
       
    14 			longname : 'Paste text/word',
       
    15 			author : 'Moxiecode Systems AB',
       
    16 			authorurl : 'http://tinymce.moxiecode.com',
       
    17 			infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/paste',
       
    18 			version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
       
    19 		};
       
    20 	},
       
    21 
       
    22 	initInstance : function(inst) {
       
    23 		if (tinyMCE.isMSIE && tinyMCE.getParam("paste_auto_cleanup_on_paste", false))
       
    24 			tinyMCE.addEvent(inst.getBody(), "paste", TinyMCE_PastePlugin._handlePasteEvent);
       
    25 	},
       
    26 
       
    27 	handleEvent : function(e) {
       
    28 		// Force paste dialog if non IE browser
       
    29 		if (!tinyMCE.isRealIE && tinyMCE.getParam("paste_auto_cleanup_on_paste", false) && e.ctrlKey && e.keyCode == 86 && e.type == "keydown") {
       
    30 			window.setTimeout('tinyMCE.selectedInstance.execCommand("mcePasteText",true)', 1);
       
    31 			return tinyMCE.cancelEvent(e);
       
    32 		}
       
    33 
       
    34 		return true;
       
    35 	},
       
    36 
       
    37 	getControlHTML : function(cn) { 
       
    38 		switch (cn) { 
       
    39 			case "pastetext":
       
    40 				return tinyMCE.getButtonHTML(cn, 'lang_paste_text_desc', '{$pluginurl}/images/pastetext.gif', 'mcePasteText', true);
       
    41 
       
    42 			case "pasteword":
       
    43 				return tinyMCE.getButtonHTML(cn, 'lang_paste_word_desc', '{$pluginurl}/images/pasteword.gif', 'mcePasteWord', true);
       
    44 
       
    45 			case "selectall":
       
    46 				return tinyMCE.getButtonHTML(cn, 'lang_selectall_desc', '{$pluginurl}/images/selectall.gif', 'mceSelectAll', true);
       
    47 		} 
       
    48 
       
    49 		return ''; 
       
    50 	},
       
    51 
       
    52 	execCommand : function(editor_id, element, command, user_interface, value) { 
       
    53 		switch (command) { 
       
    54 			case "mcePasteText": 
       
    55 				if (user_interface) {
       
    56 					if ((tinyMCE.isMSIE && !tinyMCE.isOpera) && !tinyMCE.getParam('paste_use_dialog', false))
       
    57 						TinyMCE_PastePlugin._insertText(clipboardData.getData("Text"), true); 
       
    58 					else { 
       
    59 						var template = new Array(); 
       
    60 						template['file']	= '../../plugins/paste/pastetext.htm'; // Relative to theme 
       
    61 						template['width']  = 450; 
       
    62 						template['height'] = 400; 
       
    63 						var plain_text = ""; 
       
    64 						tinyMCE.openWindow(template, {editor_id : editor_id, plain_text: plain_text, resizable : "yes", scrollbars : "no", inline : "yes", mceDo : 'insert'}); 
       
    65 					}
       
    66 				} else
       
    67 					TinyMCE_PastePlugin._insertText(value['html'], value['linebreaks']);
       
    68 
       
    69 				return true;
       
    70 
       
    71 			case "mcePasteWord": 
       
    72 				if (user_interface) {
       
    73 					if ((tinyMCE.isMSIE && !tinyMCE.isOpera) && !tinyMCE.getParam('paste_use_dialog', false)) {
       
    74 						TinyMCE_PastePlugin._insertWordContent(TinyMCE_PastePlugin._clipboardHTML());
       
    75 					} else { 
       
    76 						var template = new Array(); 
       
    77 						template['file']	= '../../plugins/paste/pasteword.htm'; // Relative to theme 
       
    78 						template['width']  = 450; 
       
    79 						template['height'] = 400; 
       
    80 						var plain_text = ""; 
       
    81 						tinyMCE.openWindow(template, {editor_id : editor_id, plain_text: plain_text, resizable : "yes", scrollbars : "no", inline : "yes", mceDo : 'insert'});
       
    82 					}
       
    83 				} else
       
    84 					TinyMCE_PastePlugin._insertWordContent(value);
       
    85 
       
    86 				return true;
       
    87 
       
    88 			case "mceSelectAll":
       
    89 				tinyMCE.execInstanceCommand(editor_id, 'selectall'); 
       
    90 				return true; 
       
    91 
       
    92 		} 
       
    93 
       
    94 		// Pass to next handler in chain 
       
    95 		return false; 
       
    96 	},
       
    97 
       
    98 	// Private plugin internal methods
       
    99 
       
   100 	_handlePasteEvent : function(e) {
       
   101 		switch (e.type) {
       
   102 			case "paste":
       
   103 				var html = TinyMCE_PastePlugin._clipboardHTML();
       
   104 				var r, inst = tinyMCE.selectedInstance;
       
   105 
       
   106 				// Removes italic, strong etc, the if was needed due to bug #1437114
       
   107 				if (inst && (r = inst.getRng()) && r.text.length > 0)
       
   108 					tinyMCE.execCommand('delete');
       
   109 
       
   110 				if (html && html.length > 0)
       
   111 					tinyMCE.execCommand('mcePasteWord', false, html);
       
   112 
       
   113 				tinyMCE.cancelEvent(e);
       
   114 				return false;
       
   115 		}
       
   116 
       
   117 		return true;
       
   118 	},
       
   119 
       
   120 	_insertText : function(content, bLinebreaks) { 
       
   121 		if (content && content.length > 0) {
       
   122 			if (bLinebreaks) { 
       
   123 				// Special paragraph treatment 
       
   124 				if (tinyMCE.getParam("paste_create_paragraphs", true)) {
       
   125 					var rl = tinyMCE.getParam("paste_replace_list", '\u2122,<sup>TM</sup>,\u2026,...,\u201c|\u201d,",\u2019,\',\u2013|\u2014|\u2015|\u2212,-').split(',');
       
   126 					for (var i=0; i<rl.length; i+=2)
       
   127 						content = content.replace(new RegExp(rl[i], 'gi'), rl[i+1]);
       
   128 
       
   129 					content = tinyMCE.regexpReplace(content, "\r\n\r\n", "</p><p>", "gi"); 
       
   130 					content = tinyMCE.regexpReplace(content, "\r\r", "</p><p>", "gi"); 
       
   131 					content = tinyMCE.regexpReplace(content, "\n\n", "</p><p>", "gi"); 
       
   132 
       
   133 					// Has paragraphs 
       
   134 					if ((pos = content.indexOf('</p><p>')) != -1) { 
       
   135 						tinyMCE.execCommand("Delete"); 
       
   136 
       
   137 						var node = tinyMCE.selectedInstance.getFocusElement(); 
       
   138 
       
   139 						// Get list of elements to break 
       
   140 						var breakElms = new Array(); 
       
   141 
       
   142 						do { 
       
   143 							if (node.nodeType == 1) { 
       
   144 								// Don't break tables and break at body 
       
   145 								if (node.nodeName == "TD" || node.nodeName == "BODY") 
       
   146 									break; 
       
   147 		
       
   148 								breakElms[breakElms.length] = node; 
       
   149 							} 
       
   150 						} while(node = node.parentNode); 
       
   151 
       
   152 						var before = "", after = "</p>"; 
       
   153 						before += content.substring(0, pos); 
       
   154 
       
   155 						for (var i=0; i<breakElms.length; i++) { 
       
   156 							before += "</" + breakElms[i].nodeName + ">"; 
       
   157 							after += "<" + breakElms[(breakElms.length-1)-i].nodeName + ">"; 
       
   158 						} 
       
   159 
       
   160 						before += "<p>"; 
       
   161 						content = before + content.substring(pos+7) + after; 
       
   162 					} 
       
   163 				} 
       
   164 
       
   165 				if (tinyMCE.getParam("paste_create_linebreaks", true)) {
       
   166 					content = tinyMCE.regexpReplace(content, "\r\n", "<br />", "gi"); 
       
   167 					content = tinyMCE.regexpReplace(content, "\r", "<br />", "gi"); 
       
   168 					content = tinyMCE.regexpReplace(content, "\n", "<br />", "gi"); 
       
   169 				}
       
   170 			} 
       
   171 		
       
   172 			tinyMCE.execCommand("mceInsertRawHTML", false, content); 
       
   173 		}
       
   174 	},
       
   175 
       
   176 	_insertWordContent : function(content) { 
       
   177 		if (content && content.length > 0) {
       
   178 			// Cleanup Word content
       
   179 			var bull = String.fromCharCode(8226);
       
   180 			var middot = String.fromCharCode(183);
       
   181 			var cb;
       
   182 
       
   183 			if ((cb = tinyMCE.getParam("paste_insert_word_content_callback", "")) != "")
       
   184 				content = eval(cb + "('before', content)");
       
   185 
       
   186 			var rl = tinyMCE.getParam("paste_replace_list", '\u2122,<sup>TM</sup>,\u2026,...,\u201c|\u201d,",\u2019,\',\u2013|\u2014|\u2015|\u2212,-').split(',');
       
   187 			for (var i=0; i<rl.length; i+=2)
       
   188 				content = content.replace(new RegExp(rl[i], 'gi'), rl[i+1]);
       
   189 
       
   190 			if (tinyMCE.getParam("paste_convert_headers_to_strong", false)) {
       
   191 				content = content.replace(new RegExp('<p class=MsoHeading.*?>(.*?)<\/p>', 'gi'), '<p><b>$1</b></p>');
       
   192 			}
       
   193 
       
   194 			content = content.replace(new RegExp('tab-stops: list [0-9]+.0pt">', 'gi'), '">' + "--list--");
       
   195 			content = content.replace(new RegExp(bull + "(.*?)<BR>", "gi"), "<p>" + middot + "$1</p>");
       
   196 			content = content.replace(new RegExp('<SPAN style="mso-list: Ignore">', 'gi'), "<span>" + bull); // Covert to bull list
       
   197 			content = content.replace(/<o:p><\/o:p>/gi, "");
       
   198 			content = content.replace(new RegExp('<br style="page-break-before: always;.*>', 'gi'), '-- page break --'); // Replace pagebreaks
       
   199 			content = content.replace(new RegExp('<(!--)([^>]*)(--)>', 'g'), "");  // Word comments
       
   200 
       
   201 			if (tinyMCE.getParam("paste_remove_spans", true))
       
   202 				content = content.replace(/<\/?span[^>]*>/gi, "");
       
   203 
       
   204 			if (tinyMCE.getParam("paste_remove_styles", true))
       
   205 				content = content.replace(new RegExp('<(\\w[^>]*) style="([^"]*)"([^>]*)', 'gi'), "<$1$3");
       
   206 
       
   207 			content = content.replace(/<\/?font[^>]*>/gi, "");
       
   208 
       
   209 			// Strips class attributes.
       
   210 			switch (tinyMCE.getParam("paste_strip_class_attributes", "all")) {
       
   211 				case "all":
       
   212 					content = content.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3");
       
   213 					break;
       
   214 
       
   215 				case "mso":
       
   216 					content = content.replace(new RegExp('<(\\w[^>]*) class="?mso([^ |>]*)([^>]*)', 'gi'), "<$1$3");
       
   217 					break;
       
   218 			}
       
   219 
       
   220 			content = content.replace(new RegExp('href="?' + TinyMCE_PastePlugin._reEscape("" + document.location) + '', 'gi'), 'href="' + tinyMCE.settings['document_base_url']);
       
   221 			content = content.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3");
       
   222 			content = content.replace(/<\\?\?xml[^>]*>/gi, "");
       
   223 			content = content.replace(/<\/?\w+:[^>]*>/gi, "");
       
   224 			content = content.replace(/-- page break --\s*<p>&nbsp;<\/p>/gi, ""); // Remove pagebreaks
       
   225 			content = content.replace(/-- page break --/gi, ""); // Remove pagebreaks
       
   226 
       
   227 	//		content = content.replace(/\/?&nbsp;*/gi, ""); &nbsp;
       
   228 	//		content = content.replace(/<p>&nbsp;<\/p>/gi, '');
       
   229 
       
   230 			if (!tinyMCE.settings['force_p_newlines']) {
       
   231 				content = content.replace('', '' ,'gi');
       
   232 				content = content.replace('</p>', '<br /><br />' ,'gi');
       
   233 			}
       
   234 
       
   235 			if (!tinyMCE.isMSIE && !tinyMCE.settings['force_p_newlines']) {
       
   236 				content = content.replace(/<\/?p[^>]*>/gi, "");
       
   237 			}
       
   238 
       
   239 			content = content.replace(/<\/?div[^>]*>/gi, "");
       
   240 
       
   241 			// Convert all middlot lists to UL lists
       
   242 			if (tinyMCE.getParam("paste_convert_middot_lists", true)) {
       
   243 				var div = document.createElement("div");
       
   244 				div.innerHTML = content;
       
   245 
       
   246 				// Convert all middot paragraphs to li elements
       
   247 				var className = tinyMCE.getParam("paste_unindented_list_class", "unIndentedList");
       
   248 
       
   249 				while (TinyMCE_PastePlugin._convertMiddots(div, "--list--")) ; // bull
       
   250 				while (TinyMCE_PastePlugin._convertMiddots(div, middot, className)) ; // Middot
       
   251 				while (TinyMCE_PastePlugin._convertMiddots(div, bull)) ; // bull
       
   252 
       
   253 				content = div.innerHTML;
       
   254 			}
       
   255 
       
   256 			// Replace all headers with strong and fix some other issues
       
   257 			if (tinyMCE.getParam("paste_convert_headers_to_strong", false)) {
       
   258 				content = content.replace(/<h[1-6]>&nbsp;<\/h[1-6]>/gi, '<p>&nbsp;&nbsp;</p>');
       
   259 				content = content.replace(/<h[1-6]>/gi, '<p><b>');
       
   260 				content = content.replace(/<\/h[1-6]>/gi, '</b></p>');
       
   261 				content = content.replace(/<b>&nbsp;<\/b>/gi, '<b>&nbsp;&nbsp;</b>');
       
   262 				content = content.replace(/^(&nbsp;)*/gi, '');
       
   263 			}
       
   264 
       
   265 			content = content.replace(/--list--/gi, ""); // Remove --list--
       
   266 
       
   267 			if ((cb = tinyMCE.getParam("paste_insert_word_content_callback", "")) != "")
       
   268 				content = eval(cb + "('after', content)");
       
   269 
       
   270 			// Insert cleaned content
       
   271 			tinyMCE.execCommand("mceInsertContent", false, content);
       
   272 
       
   273 			if (tinyMCE.getParam('paste_force_cleanup_wordpaste', true))
       
   274 				window.setTimeout('tinyMCE.execCommand("mceCleanup");', 1); // Do normal cleanup detached from this thread
       
   275 		}
       
   276 	},
       
   277 
       
   278 	_reEscape : function(s) {
       
   279 		var l = "?.\\*[](){}+^$:";
       
   280 		var o = "";
       
   281 
       
   282 		for (var i=0; i<s.length; i++) {
       
   283 			var c = s.charAt(i);
       
   284 
       
   285 			if (l.indexOf(c) != -1)
       
   286 				o += '\\' + c;
       
   287 			else
       
   288 				o += c;
       
   289 		}
       
   290 
       
   291 		return o;
       
   292 	},
       
   293 
       
   294 	_convertMiddots : function(div, search, class_name) {
       
   295 		var mdot = String.fromCharCode(183);
       
   296 		var bull = String.fromCharCode(8226);
       
   297 
       
   298 		var nodes = div.getElementsByTagName("p");
       
   299 		var prevul;
       
   300 		for (var i=0; i<nodes.length; i++) {
       
   301 			var p = nodes[i];
       
   302 
       
   303 			// Is middot
       
   304 			if (p.innerHTML.indexOf(search) == 0) {
       
   305 				var ul = document.createElement("ul");
       
   306 
       
   307 				if (class_name)
       
   308 					ul.className = class_name;
       
   309 
       
   310 				// Add the first one
       
   311 				var li = document.createElement("li");
       
   312 				li.innerHTML = p.innerHTML.replace(new RegExp('' + mdot + '|' + bull + '|--list--|&nbsp;', "gi"), '');
       
   313 				ul.appendChild(li);
       
   314 
       
   315 				// Add the rest
       
   316 				var np = p.nextSibling;
       
   317 				while (np) {
       
   318 			        // If the node is whitespace, then
       
   319 			        // ignore it and continue on.
       
   320 			        if (np.nodeType == 3 && new RegExp('^\\s$', 'm').test(np.nodeValue)) {
       
   321 			                np = np.nextSibling;
       
   322 			                continue;
       
   323 			        }
       
   324 
       
   325 					if (search == mdot) {
       
   326 					        if (np.nodeType == 1 && new RegExp('^o(\\s+|&nbsp;)').test(np.innerHTML)) {
       
   327 					                // Second level of nesting
       
   328 					                if (!prevul) {
       
   329 					                        prevul = ul;
       
   330 					                        ul = document.createElement("ul");
       
   331 					                        prevul.appendChild(ul);
       
   332 					                }
       
   333 					                np.innerHTML = np.innerHTML.replace(/^o/, '');
       
   334 					        } else {
       
   335 					                // Pop the stack if we're going back up to the first level
       
   336 					                if (prevul) {
       
   337 					                        ul = prevul;
       
   338 					                        prevul = null;
       
   339 					                }
       
   340 					                // Not element or middot paragraph
       
   341 					                if (np.nodeType != 1 || np.innerHTML.indexOf(search) != 0)
       
   342 					                        break;
       
   343 					        }
       
   344 					} else {
       
   345 					        // Not element or middot paragraph
       
   346 					        if (np.nodeType != 1 || np.innerHTML.indexOf(search) != 0)
       
   347 					                break;
       
   348 				        }
       
   349 
       
   350 					var cp = np.nextSibling;
       
   351 					var li = document.createElement("li");
       
   352 					li.innerHTML = np.innerHTML.replace(new RegExp('' + mdot + '|' + bull + '|--list--|&nbsp;', "gi"), '');
       
   353 					np.parentNode.removeChild(np);
       
   354 					ul.appendChild(li);
       
   355 					np = cp;
       
   356 				}
       
   357 
       
   358 				p.parentNode.replaceChild(ul, p);
       
   359 
       
   360 				return true;
       
   361 			}
       
   362 		}
       
   363 
       
   364 		return false;
       
   365 	},
       
   366 
       
   367 	_clipboardHTML : function() {
       
   368 		var div = document.getElementById('_TinyMCE_clipboardHTML');
       
   369 
       
   370 		if (!div) {
       
   371 			var div = document.createElement('DIV');
       
   372 			div.id = '_TinyMCE_clipboardHTML';
       
   373 
       
   374 			with (div.style) {
       
   375 				visibility = 'hidden';
       
   376 				overflow = 'hidden';
       
   377 				position = 'absolute';
       
   378 				width = 1;
       
   379 				height = 1;
       
   380 			}
       
   381 
       
   382 			document.body.appendChild(div);
       
   383 		}
       
   384 
       
   385 		div.innerHTML = '';
       
   386 		var rng = document.body.createTextRange();
       
   387 		rng.moveToElementText(div);
       
   388 		rng.execCommand('Paste');
       
   389 		var html = div.innerHTML;
       
   390 		div.innerHTML = '';
       
   391 		return html;
       
   392 	}
       
   393 };
       
   394 
       
   395 tinyMCE.addPlugin("paste", TinyMCE_PastePlugin);