我的CKEditor内联编辑模式有问题。
我有可编辑的区域,内部链接很少。
当我单击工具栏中的链接按钮更改链接时,我看不到当前的URL 该字段为空,我无法编辑href,只能放置一个新的。
可编辑页面位于iframe内(如果重要的话)。
我几乎没有改变任何事情 这是我的配置:
CKEDITOR.editorConfig = function( config ) {
config.extraPlugins = 'format,richcombo,floatpanel,panel,listblock,autogrow';
config.toolbar = [
[ 'Format', 'Bold', 'Italic', 'Link', 'Unlink', 'BulletedList' ],
[ 'Undo', 'Redo' ]
];
config.removeDialogTabs = 'link:advanced;link:target';
config.format_tags = 'p;h1;h2;h3;h4;h5;h6';
config.extraAllowedContent = 'span;*[id](*){*}';
config.title = false;
};
CKEDITOR.on('dialogDefinition', function(e) {
var dialogName = e.data.name;
var dialogDefinition = e.data.definition;
var name = e.data.name;
if (name === 'link') {
dialogDefinition.minHeight = 30;
// remove all except url
var tabInfo = dialogDefinition.getContents('info');
try { tabInfo.remove('linkType'); } catch(e) {}
try { tabInfo.remove('anchorOptions'); } catch(e) {}
try { tabInfo.remove('emailOptions'); } catch(e) {}
}
dialogDefinition.onShow = function() {
var top = parent.window.$(parent.document.body).scrollTop();
this.move(this.getPosition().x,top);
if (name === 'link') {
document.querySelector('input.cke_dialog_ui_input_text').focus();
}
};
});
我的部分HTML:
<p data-editable="true" contenteditable="true"><a href="http://domain.com">Nullam id dolor id nibh ultricies veh icula ut id elitInt eger posuere.</a></p>