vue-ckeditor
1.0.0 • Public • Published vue-ckeditor
Ckeditor using for Vue.js 2
Notes
Usage
.vue files
Single ckeditor
<template>
<div class="app">
<ckeditor v-model="content" :height="'300px'" :toolbar="[['Format']]"></ckeditor>
</div>
</template>
<script>
import Ckeditor from './ckeditor.vue'
export default {
data () {
return {
content: ''
}
},
components: { Ckeditor }
}
</script>
Multi ckeditor
<template>
<div class="app">
<ckeditor v-model="contentA" :id="editorA" :height="'300px'" :toolbar="[['Format']]"></ckeditor>
<ckeditor v-model="contentB" :id="editorB" :height="'300px'" :toolbar="[['Format']]"></ckeditor>
</div>
</template>
<script>
import Ckeditor from './ckeditor.vue'
export default {
data () {
return {
editorA: 'editor-a',
contentA: '',
editorB: 'editor-b'
contentB: ''
}
},
components: { Ckeditor }
}
</script>
Build setup
yarn - recommend
# Install dependencies
yarn install
# Server with hot reload at localhost:8080
yarn run dev
# Build for production with minification
yarn run build
# Install dependencies
npm install
# Server with hot reload at localhost:8080
npm run dev
# Build for production with minification
npm run build
Team
License
MIT © Dang Van Thanh
Readme
Keywords
nonePackage Sidebar
Install
Weekly Downloads