Nuxtjs

Nuxt Ckeditor5 사용하기

디비드킴 2023. 3. 26. 17:13

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