Javascript 无法在编辑器上编辑链接

Javascript 无法在编辑器上编辑链接,javascript,jquery,hyperlink,ckeditor,Javascript,Jquery,Hyperlink,Ckeditor,正如标题所说,我无法在CKEditor上编辑链接。我有一个新的安装,当我输入一个我想标记为链接的文本时,链接弹出窗口会打开所有的字段和按钮,但它们不工作-除了浏览服务器按钮 他们甚至没有残疾的颜色,他们只是不工作!下拉菜单不打开,文本区域/字段不可编辑!我尝试使用最新的jquery版本进行更新,我测试时没有使用其他同样使用javascript的插件,可能会发生冲突,但仍然无法工作。是的,我还使用干净的缓存进行了测试!编辑链接的唯一方法是在源模式下进行编辑 那么,对问题所在有什么建议吗 这里是co

正如标题所说,我无法在CKEditor上编辑链接。我有一个新的安装,当我输入一个我想标记为链接的文本时,链接弹出窗口会打开所有的字段和按钮,但它们不工作-除了浏览服务器按钮

他们甚至没有残疾的颜色,他们只是不工作!下拉菜单不打开,文本区域/字段不可编辑!我尝试使用最新的jquery版本进行更新,我测试时没有使用其他同样使用javascript的插件,可能会发生冲突,但仍然无法工作。是的,我还使用干净的缓存进行了测试!编辑链接的唯一方法是在源模式下进行编辑

那么,对问题所在有什么建议吗

这里是config.js:

CKEDITOR.editorConfig = function( config ) {

       config.filebrowserBrowseUrl = 'kcfinder/browse.php?type=files';
       config.filebrowserImageBrowseUrl = 'kcfinder/browse.php?type=images';
       config.filebrowserFlashBrowseUrl = 'kcfinder/browse.php?type=flash';
       config.filebrowserUploadUrl = 'kcfinder/upload.php?type=files';
       config.filebrowserImageUploadUrl = 'kcfinder/upload.php?type=images';
       config.filebrowserFlashUploadUrl = 'kcfinder/upload.php?type=flash';


    // Define changes to default configuration here.
    // For the complete reference:
    // http://docs.ckeditor.com/#!/api/CKEDITOR.config

    // The toolbar groups arrangement, optimized for two toolbar rows.
    config.toolbarGroups = [
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
        { name: 'links' },
        { name: 'insert' },
        { name: 'forms' },
        { name: 'tools' },
        { name: 'document',    groups: [ 'mode', 'document', 'doctools' ] },
        { name: 'others' },
        '/',
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
        { name: 'styles' },
        { name: 'colors' },
        { name: 'about' }
    ];

    // Remove some buttons, provided by the standard plugins, which we don't
    // need to have in the Standard(s) toolbar.
    config.removeButtons = 'Subscript,Superscript';

    // Se the most common block elements.
    config.format_tags = 'p;h1;h2;h3;h4;h5;pre';

    // Make dialogs simpler.
    config.removeDialogTabs = 'image:advanced;';

    config.language = 'sv';

    config.extraPlugins = 'format,horizontalrule,templates';

    CKEDITOR.config.autoParagraph = false;

    config.allowedContent = true;

};

这篇文章可能会有帮助:

下面是另一个示例(基于CKEditor5):

让编辑;
分类编辑器
.create(document.querySelector(“#editor”){
工具栏:[“标题”、“标题”、“粗体”、“斜体”、“链接”、“项目符号列表”、“数字列表”、“块引号”]
})
.然后(编辑=>{
编辑=编辑;
})
.catch(错误=>{
控制台错误(error);
});
$.fn.modal.Constructor.prototype.enforceFocus=function(){}
.ck-editor\uu可编辑{
最小高度:150px;
}
身体{
--ck-z-默认值:100;
--ck-z-modal:计算(var(--ck-z-default)+999);
}

开放模态
模态标题
&时代;
同侧阴唇位于内华达州的阿梅塔广场

接近
@Penny Liu的链接是正确的。这与模型之间的冲突有关(bootstrap、magnificpoop,可能还有其他)

对于放大弹出窗口,解决方案很简单:

$.magnificPopup.instance._onFocusIn = function(e) {
  if( $(e.target).hasClass('ck-input') ) {
     return true;
  } 
  $.magnificPopup.proto._onFocusIn.call(this,e);
};

对我来说,我通过设置以下内容来解决此问题:

 .ck.ck-balloon-panel {
        z-index: 1050 !important;
    }

CKeditor链接未在模式下工作,下面的解决方案解决了该问题

.ck圆角.ck.ck-balloon-panel、.ck.ck-balloon-panel.ck-rounded-corners{
z指数:10055!重要;
}

JSFiddle?您的配置看起来正常。我应该在那里做什么?.browser developer控制台中有消息吗?@Nenotlep yes,2并且都说exakt相同的事情:TypeError:d.browser未定义-这意味着什么?