uniapp富文本做输入框

在uni-app中，可以使用uParse插件来实现富文本输入框功能。具体步骤如下：

1. 安装uParse插件，可以通过npm安装或者手动下载。

2. 在需要使用富文本输入框的页面中引入uParse插件。

3. 在页面中创建一个textarea输入框，并设置其v-model绑定的数据。

4. 在textarea下方添加一个div容器，用于显示富文本预览效果。

5. 在页面中添加一个按钮或其他触发事件的元素，用于触发富文本解析和预览的功能。

6. 在事件处理函数中，使用uParse.parse方法将textarea中的文本解析为富文本格式，并显示在预览容器中。

下面是一个基本的示例代码：

<template>
  <div>
    <textarea v-model="content"></textarea>
    <div class="preview" ref="preview"></div>
    <button @click="parseContent">解析</button>
  </div>
</template>

<script>
import uParse from '@/components/uni_modules/uparse/js/uParse'

export default {
  data() {
    return {
      content: ''
    }
  },
  methods: {
    parseContent() {
      uParse('.preview', this.content)
    }
  }
}
</script>

<style>
textarea {
  width: 100%;
  height: 200px;
}
.preview {
  margin-top: 10px;
  border: 1px solid #ccc;
  padding: 10px;
}
</style>

在上面的示例中，uParse.parse方法会将textarea中的文本解析为富文本格式，并显示在class为preview的div容器中。需要注意的是，uParse.parse方法会自动将解析后的富文本内容添加到目标容器中，因此不需要手动进行添加操作。