https://github.com/lpreterite/vue-tinymce-example
在vue中使用tinymce的例子 📖
https://github.com/lpreterite/vue-tinymce-example
Last synced: 17 days ago
JSON representation
在vue中使用tinymce的例子 📖
- Host: GitHub
- URL: https://github.com/lpreterite/vue-tinymce-example
- Owner: lpreterite
- License: mit
- Created: 2020-01-13T09:44:35.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-01-02T04:00:16.000Z (over 1 year ago)
- Last Synced: 2025-03-31T11:22:38.709Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 3.05 MB
- Stars: 97
- Watchers: 2
- Forks: 138
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-tinymce-example
在vue中使用tinymce的例子 📖
## 🎙 介绍
这个例子提供给各位想在项目中使用tinymce的伙计。
例子主要分为两个大类：
1. 按需引用（use import）：使用import的方式引用tinymce项目，最终经过webpack打包至项目内部。
2. 全局挂载（use in global）：使用tinymce优秀的插件懒加载功能，tinymce将会以外挂的方式应用至项目。
两种方式任君选择，如何选可以继续阅读下面详情，不想看可以直接下载项目跑起来看看再做选择。
### 按需引用
按需引用能帮你彻底隐藏tinymce，它将被完整地打包至项目。自然其缺点就是打包后文件巨大的体积将会成为一个问题。
> 主题和插件请仔细引用，因为少了漏了功能就会缺失。
选择你的项目：
- [vue-cli](./vue-cli/use_import/README.md)
- [vite](./vite/use_import/README.md)
### 全局挂载
全局挂载的方式可以说是非常便利，一次设置无需管理。当然，后续你将要面对tinymce代码外露和全局作用等风险。
> 这种方式只推荐内部系统使用，防不了小人提防君子还是要的。
选择你的项目：
- [vue-cli](./vue-cli/use_in_global/README.md)
- [vite](./vite/use_in_global/README.md)
---
## 💡 学习资料
遇到问题建议先看下面网站提供的资料：
- [tinymce官网 🔗](https://www.tiny.cloud/)
- [tinymce中文文档 🔗](http://tinymce.ax-z.cn/)
不行再加群咨询：
- [TinyMCE 兔 - 🐧QQ：818515594](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=PgGRhqxxZT6m8aYvKYiykAHHDP88YCsO&authKey=8QKYsVBaMhtJMKrTLx2Y8swaz5D5Ne3fa68ZfsiKTA2dQYwxyi8ACvqDCqIu68k3&noverify=0&group_code=818515594)
- [富文本研究交流 - 🐧QQ：835359038](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=5Np7JOEc1NJ0onDCLd1BZH_1jJt5HupL&authKey=KbkiZWricvo%2FsocFaqc33cQHLkfEzcv79L6akK0t1QaY3rgKTqyxnjYp2AVvh0vw&noverify=0&group_code=835359038)
---
对tinymce的vue封装想深入了解的，可以看我制作的组件源码🔬：
> [@packy-tang/vue-tinymce](https://github.com/lpreterite/vue-tinymce)