# su-tinymce-edit-text 纯文本编辑器

用于富文本编辑。
    "@tinymce/tinymce-vue": "2.1.0",
    "tinymce": "5.0.14",

## 基本用法

:::demo
```html
<template>
    <div>
        <su-tinymce-editor-text v-model="value"></su-tinymce-editor-text>
        {{value}}
    </div>
</template>
<script>
    //import RTFUtil from "niceloo-javascript-utils/packages/common/RTFUtil";
    export default {
    components:{
        seTinymceEditorText
    },
        data() {
            return {
                value:"<p>主题</p>",
            }
        },
        methods:{
            async getHtml(){
                let html = await RTFUtil.convertAsync(this.value,{
                    imageSrcConvert(src){
                        return Promise.resolve(src);
                    }
                });
                return html;
            }
        }   
    };
</script>
```
:::

## 禁用模式
:::demo 禁用模式
```html
<template>
    <div>
        <su-tinymce-editor-text v-model="value" :disabled="true"></su-tinymce-editor-text>
    </div>
</template>
<script>
// import seTinymceEditor from "ss-universal-client-web/comp/form/su-tinymce-editor";
export default {
    components:{
        seTinymceEditorText
    },
        data() {
            return {
                value:document.documentElement.innerHTML||"<p>主题</p>",
            }
        },
        methods:{
        }   
    };
</script>
```
:::

## Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| v-model   | 编辑的富文本           | string | — | — |
| placeholder   | placeholder           | string | — | — |
| autoUpload | 是否默认上传 | Boolean | - | true |
| disabled | 是否禁用状态 | Boolean | - | false |
| uploader | 上传实例 | Uploader | — | — |