Skip to content

README.md

Latest commit

 

History

History
32 lines (24 loc) · 1.05 KB

README.md

File metadata and controls

32 lines (24 loc) · 1.05 KB

nuxt-ckeditor-example

Test code to integrate nuxt and ckeditor (rich text editor) with image upload support

Initial setup

Official guide to setting up Vue and CKEditor: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html

  • Followed CKEditor GUI to configure plugins using this guide: https://ckeditor.com/ckeditor-5/online-builder/
    • Copied the unzipped content into this project
    • Navigated into the copied ckeditor5 folder and ran npm install followed by npm run build

Port-over guide

  • Copy-paste the ckeditor5 folder
  • Navigate into and and run npm install followed by npm run build
  • Install package npm install --save @ckeditor/ckeditor5-vue
  • Copy over all code in pages/index.vue into a component for the text editor. Address all TODO comments.

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate