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

npm

# Install dependencies
npm install
 
# Server with hot reload at localhost:8080
npm run dev
 
# Build for production with minification
npm run build

Team

Dang Van Thanh Eduárd Moldován Dominique FERET
Dang Van Thanh Eduárd Moldován Dominique FERET

License

MIT © Dang Van Thanh

Readme

Keywords

none

Package Sidebar

Install

npm i vue-ckeditor

Weekly Downloads

86

Version

1.0.0

License

none

Last publish

Collaborators

  • cpfarher