v-editor icon indicating copy to clipboard operation
v-editor copied to clipboard

๐Ÿ“Write md or rich text easily

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
  • Demo
  • Install
  • Quick Start
  • Links
  • License
  • Contributors

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!