CKEditor附加孩子錯誤

Question

隨着我的項目，我被要求從CKEditor 3移到4.除了有人寫的自定義插件，一切都正常。

Node.appendChild的參數1不是一個對象。

代碼遍佈各處，並且有點混亂。這是插件，我認爲這是導致錯誤。

/* 
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved. 
For licensing, see LICENSE.html or http://ckeditor.com/license 
*/ 

/** 
* @fileOverview The "limereplacementfields" plugin. 
* 
*/ 

(function() 
{ 
    var limereplacementfieldsReplaceRegex = /(\{[A-Z]+[^\{\}]+[A-Z0-9]+\})/g; 
    CKEDITOR.plugins.add('limereplacementfields', 
    { 
     requires : [ 'dialog' ], 
     lang : [ 'en' ], 
     init : function(editor) 
     { 
      var lang = editor.lang.limereplacementfields; 

      editor.addCommand('createlimereplacementfields', new CKEDITOR.dialogCommand('createlimereplacementfields')); 
      editor.addCommand('editlimereplacementfields', new CKEDITOR.dialogCommand('editlimereplacementfields')); 

      editor.ui.addButton('Createlimereplacementfields', 
      { 
       label : lang.title, 
       command :'createlimereplacementfields', 
       icon : this.path + 'limereplacementfields.gif' 
      }); 

      if (editor.addMenuItems) 
      { 
       editor.addMenuGroup('limereplacementfields', 20); 
       editor.addMenuItems(
        { 
         editlimereplacementfields : 
         { 
          label : lang.title, 
          command : 'editlimereplacementfields', 
          group : 'limereplacementfields', 
          order : 1, 
          icon : this.path + 'limereplacementfields.gif' 
         } 
        }); 

       if (editor.contextMenu) 
       { 
        editor.contextMenu.addListener(function(element, selection) 
         { 
          if (!element || !element.data('cke-limereplacementfields')) 
           return null; 

          return { editlimereplacementfields : CKEDITOR.TRISTATE_OFF }; 
         }); 
       } 
      } 

      editor.on('doubleclick', function(evt) 
       { 
        if (CKEDITOR.plugins.limereplacementfields.getSelectedPlaceHoder(editor)) 
         evt.data.dialog = 'editlimereplacementfields'; 
       }); 



      editor.on('contentDom', function() 
       { 
        editor.document.getBody().on('resizestart', function(evt) 
         { 
          if (editor.getSelection().getSelectedElement().data('cke-limereplacementfields')) 
           evt.data.preventDefault(); 
         }); 
       }); 

      CKEDITOR.dialog.add('createlimereplacementfields', this.path + 'dialogs/limereplacementfields.js'); 
      CKEDITOR.dialog.add('editlimereplacementfields', this.path + 'dialogs/limereplacementfields.js'); 
     }, 
     afterInit : function(editor) 
     { 
      var dataProcessor = editor.dataProcessor, 
       dataFilter = dataProcessor && dataProcessor.dataFilter, 
       htmlFilter = dataProcessor && dataProcessor.htmlFilter; 

      if (dataFilter) 
      { 
       dataFilter.addRules(
       { 
        text : function(text) 
        { 
         return text.replace(limereplacementfieldsReplaceRegex, function(match) 
          { 
           return CKEDITOR.plugins.limereplacementfields.createlimereplacementfields(editor, null, match, 1); 
          }); 
        } 
       }); 
      } 

      if (htmlFilter) 
      { 
       htmlFilter.addRules(
       { 
        elements : 
        { 
         'span' : function(element) 
         { 
          if (element.attributes && element.attributes[ 'data-cke-limereplacementfields' ]) 
           delete element.name; 
         } 
        } 
       }); 
      } 
     }, 
     onLoad: function(editor) { 
     CKEDITOR.addCss(
       '.cke_limereplacementfields' + 
       '{' + 
        'background-color: #ffff00;' + 
        (CKEDITOR.env.gecko ? 'cursor: default;' : '') + 
       '}' 
      ); 
     } 
    }); 
})(); 

CKEDITOR.plugins.setLang('limereplacementfields','en', { 
    limereplacementfields: { 
     title:sReplacementFieldTitle, 
     button:sReplacementFieldButton 
    } 
    } 
);       

CKEDITOR.plugins.limereplacementfields = 
{ 
    createlimereplacementfields : function(editor, oldElement, text, isGet) 
    { 
     var element = new CKEDITOR.dom.element('span', editor.document); 
     element.setAttributes(
      { 
       contentEditable  : 'false', 
       'data-cke-limereplacementfields' : 1, 
       'class'   : 'cke_limereplacementfields' 
      } 
     ); 

     text && element.setText(text); 

     if (isGet) 
      return element.getOuterHtml(); 

     if (oldElement) 
     { 
      if (CKEDITOR.env.ie) 
      { 
       element.insertAfter(oldElement); 
       // Some time is required for IE before the element is removed. 
       setTimeout(function() 
        { 
         oldElement.remove(); 
         element.focus(); 
        }, 10); 
      } 
      else 
       element.replace(oldElement); 
     } 
     else 
      editor.insertElement(element); 

     return null; 
    }, 

    getSelectedPlaceHoder : function(editor) 
    { 
     var range = editor.getSelection().getRanges()[0]; 
     range.shrink(CKEDITOR.SHRINK_TEXT); 
     var node = range.startContainer; 
     while(node && !(node.type == CKEDITOR.NODE_ELEMENT && node.data('cke-limereplacementfields'))) 
      node = node.getParent(); 
     return node; 
    } 
}; 

Answer 1

原來，這是另一個文件，我不得不重寫。