# vue3.0  富文本编辑器 tinymce 

**Repository Path**: maizhiya/vue3-tinymce

## Basic Information

- **Project Name**: vue3.0  富文本编辑器 tinymce 
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-08-04
- **Last Updated**: 2025-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-tinymce

## Project setup

1. yarn install
2. yarn serve



## 安装和配置tinymce

```js
1. yarn add tinymce -S
2. yarn add @tinymce/tinymce-vue -S
3. 前往此地址下载中文汉化包： https://www.tiny.cloud/get-tiny/language-packages/

```

![image-20210514145841912](src/assets/images/image-20210514145841912.png)

```js
4. 解压汉化包，拿到langs文件夹，放到项目 public/tinymce下（tinymce需要自己创建）
5. 将nodeModules/tinymce 下的skins文件夹复制到项目 public/tinymce下
```



![image-20210514151727269](src/assets/images/image-20210514151727269.png)

##### 【详细配置文件 请看代码 src/components/myEditor】

#### 效果如下：

![image-20210514163955063](src/assets/images/image-20210514163955063.png)



![image-20210514170723541](src/assets/images/image-20210514170723541.png)