# su-tinymce-edit 富文本编辑器

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

## 基本用法

:::demo 所有非线上图片转为base64
```html
<template>
    <div>
        <su-tinymce-editor v-model="value"></su-tinymce-editor>
        {{value}}
    </div>
</template>
<script>
    //import RTFUtil from "niceloo-javascript-utils/packages/common/RTFUtil";
    export default {
    components:{
        SuTinymceEditor
    },
        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 v-model="value" :uploader="uploader"></su-tinymce-editor>
         {{value}}
    </div>
</template>
<script>
    //import SuLibUpload from "niceloo-vue2element-ui/service/su-lib-upload";
    //fileUploadHandler 配置 参考se-lib-upload说明
    let fileUploadHandler = null;
    // let uploader = UploadUtil.getUploader(fileUploadHandler);
// import SuTinymceEditor from "ss-universal-client-web/comp/form/su-tinymce-editor";
export default {
    components:{
        SuTinymceEditor
    },
        data() {
            return {
                value:"<p>主题</p>",
                uploader:UploadUtil,
            }
        },
        methods:{
        }   
    };
</script>
```
:::
## 禁用模式
:::demo 禁用模式
```html
<template>
    <div>
        <su-tinymce-editor v-model="value" :disabled="true"></su-tinymce-editor>
    </div>
</template>
<script>
// import SuTinymceEditor from "ss-universal-client-web/comp/form/su-tinymce-editor";
export default {
    components:{
        SuTinymceEditor
    },
        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 | — | — |