[Vue] Vue.js 에디터 TOAST UI EDITOR

 

1. vue/cli를 이용해서 TOAST EDITOR 설치

npm install --save @toast-ui/vue-editor

 

 

package.json에 dependencies가 생성됨을 확인할 수 있다.

package.json

 

node_modules 밑에 @toast-ui 생성

 

2. ToastEditor 컴포넌트 만들어보자.

src/components/common/ToastEditor.vue

<template>
  <editor/>
</template>

<script>
import '@toast-ui/editor/dist/toastui-editor.css';

import { Editor } from '@toast-ui/vue-editor';

export default {
  components: {
    editor: Editor
  }
};

</script>

<style>

</style>

 

3. 에디터 화면