# 精简富文本

**Repository Path**: yuan30/ls-textarea

## Basic Information

- **Project Name**: 精简富文本
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ls-textarea

> 精简富文本框
> 支持插入dom 如(表情符)，高度自适应，未聚焦插入至末尾，支持v-modal

## Build Setup

``` bash
npm install ls-textarea --save
```
全局注册
```
//main.js中引入
import myPlugin from 'tlp_plugin_sum'
Vue.use(myPlugin);
```
局部注册
```
import LsTextarea from 'ls-textarea'
export default {
  components: {
    LsTextarea
  }
}
```
使用
```
<ls-textarea v-model="text" ref="rich_text"></ls-textarea>
```
# 方法 ref methods
插入内容  
> this.$refs.rich_text.setData("<img src='https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/2.gif'/>爱你么么哒")

替换全部内容  
> this.$refs.rich_text.init("<img src='https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/2.gif'/>爱你么么哒")

获取内容  
> this.$refs.rich_text.getContent()

# 参数 params
> v-modal  字符串

> initType 字符串(text或html) 默认html、初次渲染的文本或者dom

> initFocus 布尔值(true或false) 默认false，初次渲染完毕是否获取焦点

> maxHeight 字符串 默认160px, 组件最大高度

主动设置内容不要直接改变v-modal的值，应该使用setData方法进行设置，编辑过程中内容会同步在v-modal