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