CKEditor 5 工具栏变灰
CKEditor 5 toolbar is greyed out
我正在尝试将我的 ckeditor 升级到 CKE5。在与工具栏周围令人沮丧的文档搏斗之后,我终于看到了 most/all 的工具栏选项。问题是工具栏是灰色的,编辑区域也是不可编辑的。我从 CKEditor 网站下载了一个自定义构建作为 zip 文件(如果有帮助,构建 ID 7mg2hjrna9z9-7ljqut3s4uri)。当前在控制台中没有看到任何错误。
这是启动 ckEditor 的脚本:
ClassicEditor
.create(document.querySelector('#Content'), {
toolbar: {
items: [
"undo",
"redo",
"heading",
"|",
"bold",
"italic",
"underline",
"strikethrough",
"subscript",
"superscript",
"removeFormat",
"|",
"numberedList",
"bulletedList",
"|",
"blockQuote",
"indent",
"outdent",
"|",
"alignment",
"highlight",
"removeHighlight",
"|",
"link",
"ckfinder",
'mediaEmbed',
"insertImage",
"imageInsert",
//"resizeImage",
//"imageResize",
//"linkImage",
"|",
"code",
"codeBlock",
"htmlEmbed",
"|",
"selectAll",
"fontColor",
"fontFamily",
"fontSize",
"horizontalLine",
"specialCharacters",
"|",
"insertTable",
],
shouldNotGroupWhenFull: true
},
image: {
toolbar: [
"imageStyle:full",
"imageStyle:side",
"|",
"linkImage",
"imageTextAlternative"
]
},
table: {
contentToolbar: [
'tableColumn',
'tableRow',
'mergeTableCells',
'tableCellProperties',
'tableProperties'
]
},
mediaEmbed: {
toolbar: ['mediaEmbed'],
previewsInData: true
}
})
.then(editor => {
//debugger;
window.editor = editor;
var tools = Array.from(editor.ui.componentFactory.names());
console.log(tools);
console.log(editor);
})
.catch(error => {
console.error(error);
});
我创建了一个具有不同功能集的新版本。我想也许我的原始版本具有我没有许可证的付费功能。新版本有效。
我正在尝试将我的 ckeditor 升级到 CKE5。在与工具栏周围令人沮丧的文档搏斗之后,我终于看到了 most/all 的工具栏选项。问题是工具栏是灰色的,编辑区域也是不可编辑的。我从 CKEditor 网站下载了一个自定义构建作为 zip 文件(如果有帮助,构建 ID 7mg2hjrna9z9-7ljqut3s4uri)。当前在控制台中没有看到任何错误。
这是启动 ckEditor 的脚本:
ClassicEditor
.create(document.querySelector('#Content'), {
toolbar: {
items: [
"undo",
"redo",
"heading",
"|",
"bold",
"italic",
"underline",
"strikethrough",
"subscript",
"superscript",
"removeFormat",
"|",
"numberedList",
"bulletedList",
"|",
"blockQuote",
"indent",
"outdent",
"|",
"alignment",
"highlight",
"removeHighlight",
"|",
"link",
"ckfinder",
'mediaEmbed',
"insertImage",
"imageInsert",
//"resizeImage",
//"imageResize",
//"linkImage",
"|",
"code",
"codeBlock",
"htmlEmbed",
"|",
"selectAll",
"fontColor",
"fontFamily",
"fontSize",
"horizontalLine",
"specialCharacters",
"|",
"insertTable",
],
shouldNotGroupWhenFull: true
},
image: {
toolbar: [
"imageStyle:full",
"imageStyle:side",
"|",
"linkImage",
"imageTextAlternative"
]
},
table: {
contentToolbar: [
'tableColumn',
'tableRow',
'mergeTableCells',
'tableCellProperties',
'tableProperties'
]
},
mediaEmbed: {
toolbar: ['mediaEmbed'],
previewsInData: true
}
})
.then(editor => {
//debugger;
window.editor = editor;
var tools = Array.from(editor.ui.componentFactory.names());
console.log(tools);
console.log(editor);
})
.catch(error => {
console.error(error);
});
我创建了一个具有不同功能集的新版本。我想也许我的原始版本具有我没有许可证的付费功能。新版本有效。