富文本编辑器
# ckeditor
# 安装
cdn方式
<script src="https://cdn.ckeditor.com/ckeditor5/31.1.0/classic/ckeditor.js"></script>
ClassicEditor.create( document.querySelector( '#editor' ) )
.then( editor => {
console.log( editor );
}).catch( error => {
console.error( error );
});
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
vue3方式
npm install --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic
<script src="../node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js"></script>
<script src="../node_modules/@ckeditor/ckeditor5-vue/dist/ckeditor.js"></script>
Vue.createApp( { /* options */ } ).use( CKEditor ).mount( /* DOM element */ );
1
2
3
4
5
6
2
3
4
5
6
参考：
CKEditor 5 documentation (opens new window)