demo如下:拷贝到txt,然后更改为.html后缀 双击打开即可(注意上传返回格式)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor 的使用</title>
</head>
<script src="https://cdn.ckeditor.com/ckeditor5/24.0.0/classic/ckeditor.js"></script>
<script>
var myEditor = null;
window.onload = function(){
ClassicEditor
.create(document.querySelector("#editor"),{
language: 'zh-cn',
ckfinder: {
//图片上传地址 返回格式:{"uploaded":名字,"url":"链接url"}
uploadUrl: 'CKEditor/Upload'
}
}
)
.then(editor => {
myEditor = editor;
})
.catch(error => {
console.error(error);
});
}
window.getContent = function(){
var result = myEditor.getData();
alert("result:" + result);
}
</script>
<body>
<textarea id="editor"></textarea>
<button onclick="getContent()">Get Content</button>
</body>
</html>
效果图
![](https://i-blog.csdnimg.cn/blog_migrate/a933c39105ab88b8b7e62b15e119b4f4.png)