An open API service indexing awesome lists of open source software.

https://github.com/konglingwen94/comment-message-editor

:writing_hand: A refined, customizable comment editor
https://github.com/konglingwen94/comment-message-editor

comment comment-editor comment-message-editor editor message-editor

Last synced: 9 months ago
JSON representation

:writing_hand: A refined, customizable comment editor

Awesome Lists containing this project

README

          

# comment-message-editor

A refined, customizable comment editor based on Vue

## Live Demo
>https://konglingwen94.github.io/comment-message-editor/index.html

## Install

> npm install comment-message-editor

## How to use

> Register component

```javascript
import Vue from 'vue'
import CommentEditor from 'comment-message-editor'

Vue.component(CommentEditor.name, CommentEditor)
```

> Component render

```HTML

```

## Screenshots

![comment-editor](/screenshots/1.gif)
![comment-editor](/screenshots/2.gif)

## Props

| Name | Description | Type | Default |
| :--------: | :----------: | :-----: | :-----: |
| inline | 是否横向显示 | Boolean | false |
| buttonText | 提交按钮文案 | String | 发送 |

## Methods

| Name | Description | Parameter |
| :---: | :---------: | :-------: |
| focus | 激活输入框 | - |

## Events

| Name | Description | Parameter |
| :----: | :------------------: | :--------------: |
| submit | 输入框内容提交后触发 | 输入框写入的内容 |