Update to TinyMCE 3.4.2 to fix errors in IE9

thomascube

2011-04-20 a9251be2f09fb5f18a85d201c67668c70980efe3

 program/js/tiny_mce/plugins/paste/editor_plugin_src.js

@@ -10,9 +10,9 @@


(function() {

   var each = tinymce.each,

      entities = null,

      defs = {

         paste_auto_cleanup_on_paste : true,

         paste_enable_default_filters : true,

         paste_block_drop : false,

         paste_retain_style_properties : "none",

         paste_strip_class_attributes : "mso",

@@ -25,6 +25,7 @@
         paste_dialog_height : "400",

         paste_text_use_dialog : false,

         paste_text_sticky : false,

         paste_text_sticky_default : false,

         paste_text_notifyalways : false,

         paste_text_linebreaktype : "p",

         paste_text_replacements : [

@@ -63,19 +64,38 @@
            ed.execCallback('paste_postprocess', pl, o);

         });



         ed.onKeyDown.addToTop(function(ed, e) {

            // Block ctrl+v from adding an undo level since the default logic in tinymce.Editor will add that

            if (((tinymce.isMac ? e.metaKey : e.ctrlKey) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45))

               return false; // Stop other listeners

         });



         // Initialize plain text flag

         ed.pasteAsPlainText = false;

         ed.pasteAsPlainText = getParam(ed, 'paste_text_sticky_default');



         // This function executes the process handlers and inserts the contents

         // force_rich overrides plain text mode set by user, important for pasting with execCommand

         function process(o, force_rich) {

            var dom = ed.dom;

            var dom = ed.dom, rng, nodes;



            // Execute pre process handlers

            t.onPreProcess.dispatch(t, o);



            // Create DOM structure

            o.node = dom.create('div', 0, o.content);



            // If pasting inside the same element and the contents is only one block

            // remove the block and keep the text since Firefox will copy parts of pre and h1-h6 as a pre element

            if (tinymce.isGecko) {

               rng = ed.selection.getRng(true);

               if (rng.startContainer == rng.endContainer && rng.startContainer.nodeType == 3) {

                  nodes = dom.select('p,h1,h2,h3,h4,h5,h6,pre', o.node);



                  // Is only one block node and it doesn't contain word stuff

                  if (nodes.length == 1 && o.content.indexOf('__MCE_ITEM__') === -1)

                     dom.remove(nodes.reverse(), true);

               }

            }



            // Execute post process handlers

            t.onPostProcess.dispatch(t, o);

@@ -91,9 +111,6 @@
                  ed.pasteAsPlainText = false;

                  ed.controlManager.setActive("pastetext", false);

               }

            } else if (/<(p|h[1-6]|ul|ol)/.test(o.content)) {

               // Handle insertion of contents containing block elements separately

               t._insertBlockContent(ed, dom, o.content);

            } else {

               t._insert(o.content);

            }

@@ -132,26 +149,30 @@
         // hidden div and placing the caret inside it and after the browser paste

         // is done it grabs that contents and processes that

         function grabContent(e) {

            var n, or, rng, sel = ed.selection, dom = ed.dom, body = ed.getBody(), posY;

            var n, or, rng, oldRng, sel = ed.selection, dom = ed.dom, body = ed.getBody(), posY, textContent;



            // Check if browser supports direct plaintext access

            if (ed.pasteAsPlainText && (e.clipboardData || dom.doc.dataTransfer)) {

               e.preventDefault();

               process({content : (e.clipboardData || dom.doc.dataTransfer).getData('Text')}, true);

               return;

            if (e.clipboardData || dom.doc.dataTransfer) {

               textContent = (e.clipboardData || dom.doc.dataTransfer).getData('Text');



               if (ed.pasteAsPlainText) {

                  e.preventDefault();

                  process({content : textContent.replace(/\r?\n/g, '<br />')});

                  return;

               }

            }



            if (dom.get('_mcePaste'))

               return;



            // Create container to paste into

            n = dom.add(body, 'div', {id : '_mcePaste', 'class' : 'mcePaste'}, '\uFEFF');

            n = dom.add(body, 'div', {id : '_mcePaste', 'class' : 'mcePaste', 'data-mce-bogus' : '1'}, '\uFEFF\uFEFF');



            // If contentEditable mode we need to find out the position of the closest element

            if (body != ed.getDoc().body)

               posY = dom.getPos(ed.selection.getStart(), body).y;

            else

               posY = body.scrollTop;

               posY = body.scrollTop + dom.getViewPort().y;



            // Styles needs to be applied after the element is added to the document since WebKit will otherwise remove all styles

            dom.setStyles(n, {

@@ -164,6 +185,9 @@
            });



            if (tinymce.isIE) {

               // Store away the old range

               oldRng = sel.getRng();



               // Select the container

               rng = dom.doc.body.createTextRange();

               rng.moveToElementText(n);

@@ -174,14 +198,23 @@


               // Check if the contents was changed, if it wasn't then clipboard extraction failed probably due

               // to IE security settings so we pass the junk though better than nothing right

               if (n.innerHTML === '\uFEFF') {

               if (n.innerHTML === '\uFEFF\uFEFF') {

                  ed.execCommand('mcePasteWord');

                  e.preventDefault();

                  return;

               }



               // Process contents

               process({content : n.innerHTML});

               // Restore the old range and clear the contents before pasting

               sel.setRng(oldRng);

               sel.setContent('');



               // For some odd reason we need to detach the the mceInsertContent call from the paste event

               // It's like IE has a reference to the parent element that you paste in and the selection gets messed up

               // when it tries to restore the selection

               setTimeout(function() {

                  // Process contents

                  process({content : n.innerHTML});

               }, 0);



               // Block the real paste event

               return tinymce.dom.Event.cancel(e);

@@ -196,34 +229,51 @@


               or = ed.selection.getRng();



               // Move caret into hidden div

               // Move select contents inside DIV

               n = n.firstChild;

               rng = ed.getDoc().createRange();

               rng.setStart(n, 0);

               rng.setEnd(n, 1);

               rng.setEnd(n, 2);

               sel.setRng(rng);



               // Wait a while and grab the pasted contents

               window.setTimeout(function() {

                  var h = '', nl = dom.select('div.mcePaste');

                  var h = '', nl;



                  // WebKit will split the div into multiple ones so this will loop through then all and join them to get the whole HTML string

                  each(nl, function(n) {

                     // WebKit duplicates the divs so we need to remove them

                     each(dom.select('div.mcePaste', n), function(n) {

                        dom.remove(n, 1);

                  // Paste divs duplicated in paste divs seems to happen when you paste plain text so lets first look for that broken behavior in WebKit

                  if (!dom.select('div.mcePaste > div.mcePaste').length) {

                     nl = dom.select('div.mcePaste');



                     // WebKit will split the div into multiple ones so this will loop through then all and join them to get the whole HTML string

                     each(nl, function(n) {

                        var child = n.firstChild;



                        // WebKit inserts a DIV container with lots of odd styles

                        if (child && child.nodeName == 'DIV' && child.style.marginTop && child.style.backgroundColor) {

                           dom.remove(child, 1);

                        }



                        // Remove apply style spans

                        each(dom.select('span.Apple-style-span', n), function(n) {

                           dom.remove(n, 1);

                        });



                        // Remove bogus br elements

                        each(dom.select('br[data-mce-bogus]', n), function(n) {

                           dom.remove(n);

                        });



                        // WebKit will make a copy of the DIV for each line of plain text pasted and insert them into the DIV

                        if (n.parentNode.className != 'mcePaste')

                           h += n.innerHTML;

                     });



                     // Remove apply style spans

                     each(dom.select('span.Apple-style-span', n), function(n) {

                        dom.remove(n, 1);

                     });



                     h += n.innerHTML;

                  });

                  } else {

                     // Found WebKit weirdness so force the content into plain text mode

                     h = '<pre>' + dom.encode(textContent).replace(/\r?\n/g, '<br />') + '</pre>';

                  }



                  // Remove the nodes

                  each(nl, function(n) {

                  each(dom.select('div.mcePaste'), function(n) {

                     dom.remove(n);

                  });



@@ -244,7 +294,7 @@
         if (getParam(ed, "paste_auto_cleanup_on_paste")) {

            // Is it's Opera or older FF use key handler

            if (tinymce.isOpera || /Firefox\/2/.test(navigator.userAgent)) {

               ed.onKeyDown.add(function(ed, e) {

               ed.onKeyDown.addToTop(function(ed, e) {

                  if (((tinymce.isMac ? e.metaKey : e.ctrlKey) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45))

                     grabContent(e);

               });

@@ -256,17 +306,19 @@
            }

         }



         // Block all drag/drop events

         if (getParam(ed, "paste_block_drop")) {

            ed.onInit.add(function() {

         ed.onInit.add(function() {

            ed.controlManager.setActive("pastetext", ed.pasteAsPlainText);



            // Block all drag/drop events

            if (getParam(ed, "paste_block_drop")) {

               ed.dom.bind(ed.getBody(), ['dragend', 'dragover', 'draggesture', 'dragdrop', 'drop', 'drag'], function(e) {

                  e.preventDefault();

                  e.stopPropagation();



                  return false;

               });

            });

         }

            }

         });



         // Add legacy support

         t._legacySupport();

@@ -283,14 +335,14 @@
      },



      _preProcess : function(pl, o) {

         //console.log('Before preprocess:' + o.content);



         var ed = this.editor,

            h = o.content,

            grep = tinymce.grep,

            explode = tinymce.explode,

            trim = tinymce.trim,

            len, stripClass;



         //console.log('Before preprocess:' + o.content);



         function process(items) {

            each(items, function(v) {

@@ -301,6 +353,14 @@
                  h = h.replace(v[0], v[1]);

            });

         }

			
         if (ed.settings.paste_enable_default_filters == false) {

            return;

         }



         // IE9 adds BRs before/after block elements when contents is pasted from word or for example another browser

         if (tinymce.isIE && document.documentMode >= 9)

            process([[/(?:<br>&nbsp;[\s\r\n]+|<br>)*(<\/?(h[1-6r]|p|div|address|pre|form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|caption|blockquote|center|dl|dt|dd|dir|fieldset)[^>]*>)(?:<br>&nbsp;[\s\r\n]+|<br>)*/g, '$1']]);



         // Detect Word content and process it more aggressive

         if (/class="?Mso|style="[^"]*\bmso-|w:WordDocument/i.test(h) || o.wordContent) {

@@ -320,7 +380,8 @@
            if (getParam(ed, "paste_convert_middot_lists")) {

               process([

                  [/<!--\[if !supportLists\]-->/gi, '$&__MCE_ITEM__'],               // Convert supportLists to a list item marker

                  [/(<span[^>]+(?:mso-list:|:\s*symbol)[^>]+>)/gi, '$1__MCE_ITEM__']      // Convert mso-list and symbol spans to item markers

                  [/(<span[^>]+(?:mso-list:|:\s*symbol)[^>]+>)/gi, '$1__MCE_ITEM__'],      // Convert mso-list and symbol spans to item markers

                  [/(<p[^>]+(?:MsoListParagraph)[^>]+>)/gi, '$1__MCE_ITEM__']            // Convert mso-list and symbol paragraphs to item markers (FF)

               ]);

            }



@@ -472,6 +533,11 @@
            ]);

         }



         process([

            // Copy paste from Java like Open Office will produce this junk on FF

            [/Version:[\d.]+\nStartHTML:\d+\nEndHTML:\d+\nStartFragment:\d+\nEndFragment:\d+/gi, '']

         ]);



         // Class attribute options are: leave all as-is ("none"), remove all ("all"), or remove only those starting with mso ("mso").

         // Note:-  paste_strip_class_attributes: "none", verify_css_classes: true is also a good variation.

         stripClass = getParam(ed, "paste_strip_class_attributes");

@@ -491,7 +557,7 @@
            };



            h = h.replace(/ class="([^"]+)"/gi, removeClasses);

            h = h.replace(/ class=(\w+)/gi, removeClasses);

            h = h.replace(/ class=([\-\w]+)/gi, removeClasses);

         }



         // Remove spans option

@@ -510,6 +576,10 @@
      _postProcess : function(pl, o) {

         var t = this, ed = t.editor, dom = ed.dom, styleProps;



         if (ed.settings.paste_enable_default_filters == false) {

            return;

         }

			
         if (o.wordContent) {

            // Remove named anchors or TOC links

            each(dom.select('a', o.node), function(a) {

@@ -561,14 +631,14 @@
         if (getParam(ed, "paste_remove_styles") || (getParam(ed, "paste_remove_styles_if_webkit") && tinymce.isWebKit)) {

            each(dom.select('*[style]', o.node), function(el) {

               el.removeAttribute('style');

               el.removeAttribute('_mce_style');

               el.removeAttribute('data-mce-style');

            });

         } else {

            if (tinymce.isWebKit) {

               // We need to compress the styles on WebKit since if you paste <img border="0" /> it will become <img border="0" style="... lots of junk ..." />

               // Removing the mce_style that contains the real value will force the Serializer engine to compress the styles

               each(dom.select('*', o.node), function(el) {

                  el.removeAttribute('_mce_style');

                  el.removeAttribute('data-mce-style');

               });

            }

         }

@@ -591,11 +661,11 @@
            val = p.innerHTML.replace(/<\/?\w+[^>]*>/gi, '').replace(/&nbsp;/g, '\u00a0');



            // Detect unordered lists look for bullets

            if (/^(__MCE_ITEM__)+[\u2022\u00b7\u00a7\u00d8o]\s*\u00a0*/.test(val))

            if (/^(__MCE_ITEM__)+[\u2022\u00b7\u00a7\u00d8o\u25CF]\s*\u00a0*/.test(val))

               type = 'ul';



            // Detect ordered lists 1., a. or ixv.

            if (/^__MCE_ITEM__\s*\w+\.\s*\u00a0{2,}/.test(val))

            if (/^__MCE_ITEM__\s*\w+\.\s*\u00a0+/.test(val))

               type = 'ol';



            // Check if node value matches the list pattern: o&nbsp;&nbsp;

@@ -625,9 +695,9 @@
                  var html = span.innerHTML.replace(/<\/?\w+[^>]*>/gi, '');



                  // Remove span with the middot or the number

                  if (type == 'ul' && /^[\u2022\u00b7\u00a7\u00d8o]/.test(html))

                  if (type == 'ul' && /^__MCE_ITEM__[\u2022\u00b7\u00a7\u00d8o\u25CF]/.test(html))

                     dom.remove(span);

                  else if (/^[\s\S]*\w+\.(&nbsp;|\u00a0)*\s*/.test(html))

                  else if (/^__MCE_ITEM__[\s\S]*\w+\.(&nbsp;|\u00a0)*\s*/.test(html))

                     dom.remove(span);

               });



@@ -635,7 +705,7 @@


               // Remove middot/list items

               if (type == 'ul')

                  html = p.innerHTML.replace(/__MCE_ITEM__/g, '').replace(/^[\u2022\u00b7\u00a7\u00d8o]\s*(&nbsp;|\u00a0)+\s*/, '');

                  html = p.innerHTML.replace(/__MCE_ITEM__/g, '').replace(/^[\u2022\u00b7\u00a7\u00d8o\u25CF]\s*(&nbsp;|\u00a0)+\s*/, '');

               else

                  html = p.innerHTML.replace(/__MCE_ITEM__/g, '').replace(/^\s*\w+\.(&nbsp;|\u00a0)+\s*/, '');



@@ -656,65 +726,6 @@
      },



      /**

       * This method will split the current block parent and insert the contents inside the split position.

       * This logic can be improved so text nodes at the start/end remain in the start/end block elements

       */

      _insertBlockContent : function(ed, dom, content) {

         var parentBlock, marker, sel = ed.selection, last, elm, vp, y, elmHeight, markerId = 'mce_marker';



         function select(n) {

            var r;



            if (tinymce.isIE) {

               r = ed.getDoc().body.createTextRange();

               r.moveToElementText(n);

               r.collapse(false);

               r.select();

            } else {

               sel.select(n, 1);

               sel.collapse(false);

            }

         }



         // Insert a marker for the caret position

         this._insert('<span id="' + markerId + '">&nbsp;</span>', 1);

         marker = dom.get(markerId);

         parentBlock = dom.getParent(marker, 'p,h1,h2,h3,h4,h5,h6,ul,ol,th,td');



         // If it's a parent block but not a table cell

         if (parentBlock && !/TD|TH/.test(parentBlock.nodeName)) {

            // Split parent block

            marker = dom.split(parentBlock, marker);



            // Insert nodes before the marker

            each(dom.create('div', 0, content).childNodes, function(n) {

               last = marker.parentNode.insertBefore(n.cloneNode(true), marker);

            });



            // Move caret after marker

            select(last);

         } else {

            dom.setOuterHTML(marker, content);

            sel.select(ed.getBody(), 1);

            sel.collapse(0);

         }



         // Remove marker if it's left

         while (elm = dom.get(markerId))

            dom.remove(elm);



         // Get element, position and height

         elm = sel.getStart();

         vp = dom.getViewPort(ed.getWin());

         y = ed.dom.getPos(elm).y;

         elmHeight = elm.clientHeight;



         // Is element within viewport if not then scroll it into view

         if (y < vp.y || y + elmHeight > vp.y + vp.h)

            ed.getDoc().body.scrollTop = y < vp.y ? y : y - vp.h + 25;

      },



      /**

       * Inserts the specified contents at the caret position.

       */

      _insert : function(h, skip_undo) {

@@ -724,8 +735,7 @@
         if (!ed.selection.isCollapsed() && r.startContainer != r.endContainer)

            ed.getDoc().execCommand('Delete', false, null);



         // It's better to use the insertHTML method on Gecko since it will combine paragraphs correctly before inserting the contents

         ed.execCommand(tinymce.isGecko ? 'insertHTML' : 'mceInsertContent', false, h, {skip_undo : skip_undo});

         ed.execCommand('mceInsertContent', false, h, {skip_undo : skip_undo});

      },



      /**

@@ -757,9 +767,6 @@
         };



         if ((typeof(h) === "string") && (h.length > 0)) {

            if (!entities)

               entities = ("34,quot,38,amp,39,apos,60,lt,62,gt," + ed.serializer.settings.entities).split(",");



            // If HTML content with line-breaking tags, then remove all cr/lf chars because only tags will break a line

            if (/<(?:p|br|h[1-6]|ul|ol|dl|table|t[rdh]|div|blockquote|fieldset|pre|address|center)[^>]*>/i.test(h)) {

               process([

@@ -778,26 +785,12 @@
               [/<\/t[dh]>\s*<t[dh][^>]*>/gi, "\t"],      // Table cells get tabs betweem them

               /<[a-z!\/?][^>]*>/gi,                  // Delete all remaining tags

               [/&nbsp;/gi, " "],                     // Convert non-break spaces to regular spaces (remember, *plain text*)

               [

                  // HTML entity

                  /&(#\d+|[a-z0-9]{1,10});/gi,



                  // Replace with actual character

                  function(e, s) {

                     if (s.charAt(0) === "#") {

                        return String.fromCharCode(s.slice(1));

                     }

                     else {

                        return ((e = inArray(entities, s)) > 0)? String.fromCharCode(entities[e-1]) : " ";

                     }

                  }

               ],

               [/(?:(?!\n)\s)*(\n+)(?:(?!\n)\s)*/gi, "$1"],   // Cool little RegExp deletes whitespace around linebreak chars.

               [/\n{3,}/g, "\n\n"],                     // Max. 2 consecutive linebreaks

               /^\s+|\s+$/g                           // Trim the front & back

            ]);



            h = dom.encode(h);

            h = dom.decode(tinymce.html.Entities.encodeRaw(h));



            // Delete any highlighted text before pasting

            if (!sel.isCollapsed()) {