/v-editor

πŸ“Write md or rich text easily

Primary LanguageJavaScriptMIT LicenseMIT

v-editor

Build Status NPM Download NPM Version NPM License PRs Welcome Automated Release Notes by gren

Lightweight rich text editor based on ckeditor5 and upload-to-ali.

view.png

δΈ­ζ–‡ζ–‡ζ‘£

Table of Contents

Feature

  • File Upload : Integrated upload components, just configure the basic information of OSS (Configuration Reference), you can upload the picture or file to oss, support screenshot paste upload
  • Add Net Image: Can quickly add a net picture using the markdown picture syntax(![]()), or you can paste it directly
  • Fullscreen Editing: Allows the editor to cover the window

⬆Back to Top

Demo

⬆Back to Top

Install

# Upload image function depends on upload-to-ali component
yarn add @femessage/upload-to-ali @femessage/v-editor

⬆ Back to Top

Quick start

<!-- step1 Ensure oss config -->
<!-- step2 In the .vue file that needs to use the -->
renderer
<template>
  <v-editor v-model="content" />
</template>

<script>
  import VEditor from '@femessage/v-editor'

  export default {
    components: {
      VEditor
    },
    data() {
      return {
        content: ''
      }
    }
  }
</script>

⬆ Back to Top

Links

⬆ Back to Top

License

MIT

⬆ Back to Top

Contributors

Thanks goes to these wonderful people (emoji key):


kunzhijia

πŸ’» πŸ› πŸ“–

listars

πŸ› πŸ“–

Donald Shen

πŸ› πŸ“– πŸ”Œ πŸ‘€

levy

πŸ‘€ πŸš‡ πŸ€”

ColMugX

πŸ’» πŸ“ 🎨 πŸ”Œ

snowlocked

πŸ›

This project follows the all-contributors specification. Contributions of any kind welcome!