# tinyMCE自定义插件制作构建工具

**Repository Path**: yinuocode/tinymce-plugin

## Basic Information

- **Project Name**: tinyMCE自定义插件制作构建工具
- **Description**: 因为个人使用官网上构建工具教程步步踩坑
所以记录下tinyMCE自定义插件制作的构建工具
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-18
- **Last Updated**: 2021-10-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# tinyMCE自定义插件制作构建工具

#### 介绍
因为个人使用官网上构建工具教程步步踩坑
所以记录下tinyMCE自定义插件制作的构建工具

# tabSelect TinyMCE Plugin

Welcome stranger! This is a repo containing the tabSelect TinyMCE plugin.

## http://127.0.0.1:8081/src/demo/html/

官方教程传送门 https://www.tiny.cloud/docs/advanced/yeoman-generator/
如果按照官方教程很顺利，那么就没必要看下面的了
如果各种报错，下面可能对你有用

### 环境

nodejs、yarn、vscode、vscode Live Server插件

### tinyMCE 自制插件使用教程

1. 全局安装 yo generator-tinymce
> sudo yarn global add yo generator-tinymce
2. 找个开发插件的文件夹下执行
> yo tinymce
3. 填入你要开发的插件名称 回车
4. vscode 打开生成的插件文件夹
5. 在 /src/main/Plugin.ts文件的setup函数里面开发你的插件即可
6. 开发完成后使用 yarn run build 打包 会生成你需要的dist目录

### 开发调试插件

1. 运行 yarn start
2. 找到打开/src/demo/html/index.html 点击编辑器插件Live Server生成的右下角的 Go Live 按钮
3. 浏览器中就能测试你的插件了，这个时候修改Plugin.ts 就能看到浏览器热更新了


### 如何开发一个tinyMCE插件

> https://www.tiny.cloud/docs/advanced/creating-a-plugin/