ckeditor5-html (VueJS only)

• Đây là bản build ckeditor5 (không sử dụng chức năng trả phí nào), sử dụng bản sửa html và clound cloudinary để lưu trữ

Cài đặt:

• Clone về repo của bạn
• Từ main.js:
• Cài như một node_modules:
• package.json: thêm vào dependencies:

1"ckeditor5-free": "file:path/to/ckeditor5-free"

• import vào main:

1import ArticleEditorPlugin from 'ckeditor5-html';
2// các setting của app hoặc khởi tạo app
3app.use(ArticleEditorPlugin);

• Cài đặt môi trường:
  • Đổi tên file .env.example thành .env
  • Nhập các thông tin cloundinary của bạn
  • Sửa vite.config.js:

  1  import dotenv from 'dotenv';
  2  dotenv.config();
  3
  4  export default defineConfig({
  5    // các config khác
  6    define: {
  7      'process.env': {
  8        CLOUDINARY_NAME: process.env.CLOUDINARY_NAME,
  9        CLOUDINARY_API_KEY: process.env.CLOUDINARY_API_KEY,
  10        CLOUDINARY_URL: process.env.CLOUDINARY_URL
  11      },
  12    },
  13  })

• Style: .article-editor