# wplugin-tinymce-vue

**Repository Path**: sqbiz/wplugin-tinymce-vue

## Basic Information

- **Project Name**: wplugin-tinymce-vue
- **Description**: 富文本编辑器tinymce的一个vue版本封装，使用cdn动态脚本引入的方式加载
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-16
- **Last Updated**: 2025-02-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介

- 富文本编辑器tinymce的一个vue版本封装。使用cdn动态脚本引入的方式加载
- 异步加载插件，CDN地址`https://cdn.staticfile.org/tinymce/5.7.0/tinymce.min.js`
- 官方tinymce-vue插件，参考: https://github.com/tinymce/tinymce-vue

## 使用组件

```js
npm i @sqbiz/wplugin-tinymce-vue --save

<!-- vue模板 -->
<Tinymce v-model="defaultValue" />

import Tinymce from '../lib/WpluginTinymceVue.umd.min.js'
export default {
  components: {
    Tinymce
  },
  data() {
    return {
      defaultValue: '<p>配置文档参阅：http://tinymce.ax-z.cn</p>'
    }
  }
}
```