CKEditor即FCKeditor(文本编辑器)。CKEditor 5是替代CKEditor 4的最新版本,支持个性化定制功能。
在线定制,可以根据自己需求创建 CKEditor 5 Online Builder | Create your own editor in 5 steps
图片上传需要用到 CKFinder upload adapter 组件,集成下载压缩包 只需要build/ckeditor.js 单文件即可。
官方文档说明 Text alignment - CKEditor 5 Documentation
上传图片后端返回结果参考
{"uploaded":true,"url":"\/users\/img\/221112\/202211121feg87.png"}
补全常用习惯性设置
ClassicEditor
.create(document.querySelector("#cent"), {
ckfinder: {
uploadUrl: '/img/upload' //图片上传地址
},
link: { //设置超链接打开方式
addTargetToExternalLinks: true,
decorators: [{
mode: 'manual',
label: '新窗口打开',
attributes: {
target: '_blank',
}
}]
},
fontSize: { //字体设置
options: [
12,
14,
'default',
16,
18,
20,
22,
24,
28,
32
]
}
})
.then(editor => {
CKEDITOR = editor;
})
.catch(err => {
console.error(err.stack);
})