CKEditor内联链接为空

时间:2014-10-30 07:58:21

标签: javascript ckeditor inline-editing

我的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>

0 个答案:

没有答案