1.nuxt.config.js ckeditor5추가(npm 으로 추가해도됨)
script: [
{ hid: 'stripe', src: 'https://cdnjs.cloudflare.com/ajax/libs/ckeditor5/34.2.0/ckeditor.min.js', defer: true }
]
2.에디터 컴포넌트 생성
makeEditor() {
window.ClassicEditor
.create(this.$refs.editor, {
extraPlugins: [],
})
.then(newEditor => {
this.editor = markRaw(newEditor);
this.editor.setData(this.text);
this.MyCustomUploadAdapterPlugin();
})
.catch(error => {
console.log(error);
alert('에디터생성에 실패했습니다');
})
},
필수아님 (this.editor.setData(this.text),this.MyCustomUploadAdapterPlugin();)
'Nuxtjs' 카테고리의 다른 글
Nuxt Ckeditor5 이미지 업로드 (0) | 2023.03.26 |
---|---|
Nuxt에서 env 사용하기 (0) | 2023.03.26 |