0
随着我的项目，我被要求从CKEditor 3移到4.除了有人写的自定义插件，一切都正常。CKEditor附加孩子错误
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;
}
};