https://github.com/afrianjunior/vue-poor-editor

Simple WYSIWYG HTML Editor. poor feature, but rich benefit!
https://github.com/afrianjunior/vue-poor-editor

Last synced: about 1 month ago
JSON representation

Simple WYSIWYG HTML Editor. poor feature, but rich benefit!

• Host: GitHub
• URL: https://github.com/afrianjunior/vue-poor-editor
• Owner: afrianjunior
• License: mit
• Created: 2018-06-25T03:47:26.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-06-28T09:04:27.000Z (about 8 years ago)
• Last Synced: 2025-11-12T08:25:41.998Z (9 months ago)
• Language: JavaScript
• Size: 154 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

  

  

  


  



[![NPM](https://nodei.co/npm/vue-poor-editor.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/vue-quill-editor/)

[![NPM](https://nodei.co/npm-dl/vue-poor-editor.png?months=12)](https://nodei.co/npm/vue-quill-editor/)

# How to use

Install 

```bash

$ npm i vue-poor-editor

```

## Use in browser

`

index.html

`

```html

  


    

  


```

```js

new Vue({

  el: '#app',

  data: {

    html: 'write something'

  },

  methods: {

    editorListener: function (html) {

      this.html = html

    },

    sendContent: function (html) {

      axios.post('url', {

        data: html

      })

    }

  }

})

```

## Options

* borderLess

type `Boolean` 


default `true`

remove border box editor

```html

  

```

* instantSend

type `Boolean` 


default `true`

activated submit on enter event

```html

  

```

* autoFormat

type `Boolean` 


default `true `

auto format when you paste text from clipboard

```html

  

```

* minHeight

type `String` 


default `100px`

resize height box editor

```html

  

```

* width

type `String` 


default `100%`

resize width box editor

```html

  

```

## Event

* Input

listen change html content

```html

  

```

* Submit:enter

get content when entered (which 13 without shift key)

this event active when instantSend option is `true`

```html

  

```