登录 注册
网站与 SaaS 工具内容创作与媒体工具网络与基础设施 contenteditableeditorjavascriptrich-text-editortinymcewysiwyg
16,322
Stars
2,340
Forks
252
Watchers
424
Open Issues
NOASSERTION
许可证
TypeScript
语言
2010-01-11
创建时间
2026-11-11
最近更新

项目能做什么

流行的开源富文本 Web 编辑器,支持 React、Vue 和 Angular。
来源:AI 基于仓库事实生成 · 内容以仓库实际 README 为准

使用说明 查看原始 README 原仓库文档

中文使用说明暂未生成。下面保留原仓库 README 摘录,命令与配置均以原文为准。
原始 README 摘录(英文原文,节选前 3000 字符)
# TinyMCE

The world's #1 open source rich text editor.

**Using an old version of TinyMCE?** We recommend you to upgrade to TinyMCE 8 to continue receiving security updates.

Used and trusted by millions of developers, TinyMCE is the world’s most customizable, scalable, and flexible rich text editor. We’ve helped launch the likes of Atlassian, Medium, Evernote (and lots more that we can’t tell you), by empowering them to create exceptional content and experiences for their users.

With more than 350M+ downloads every year, we’re also one of the most trusted enterprise-grade open source HTML editors on the internet. There’s currently more than 100M+ products worldwide, powered by Tiny. As a high powered WYSIWYG editor, TinyMCE is built to scale, designed to innovate, and thrives on delivering results to difficult edge-cases.

You can access a [full featured demo of TinyMCE](https://www.tiny.cloud/docs/tinymce/8/premium-full-featured/) in the docs on the TinyMCE website.

<p align="center">
  <img alt="Screenshot of the TinyMCE Editor" src="https://www.tiny.cloud/storage/github-readme-images/tinymce-editor-6x.png"\>
</p>

## Get started with TinyMCE

Getting started with the TinyMCE rich text editor is easy, and for simple configurations can be done in less than 5 minutes.

[TinyMCE Cloud Deployment Quick Start Guide](https://www.tiny.cloud/docs/tinymce/8/cloud-quick-start/)

[TinyMCE Self-hosted Deployment Guide](https://www.tiny.cloud/docs/tinymce/8/npm-projects/)

TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a [basic setup](https://www.tiny.cloud/docs/tinymce/8/basic-setup/).

Configure it for one of three modes of editing:

- [TinyMCE classic editing mode](https://www.tiny.cloud/docs/tinymce/8/use-tinymce-classic/).
- [TinyMCE inline editing mode](https://www.tiny.cloud/docs/tinymce/8/use-tinymce-inline/).
- [TinyMCE distraction-free editing mode](https://www.tiny.cloud/docs/tinymce/8/use-tinymce-distraction-free/).

## Features

### Integration

TinyMCE is easily integrated into your projects with the help of components such as:

- [tinymce-react](https://github.com/tinymce/tinymce-react)
- [tinymce-vue](https://github.com/tinymce/tinymce-vue)
- [tinymce-angular](https://github.com/tinymce/tinymce-angular)

With over 29 integrations, and 400+ APIs, see the TinyMCE docs for a full list of editor [integrations](https://www.tiny.cloud/docs/tinymce/8/integrations/).

### Customization

It is easy to [configure the UI](https://www.tiny.cloud/docs/tinymce/8/customize-ui/) of your rich text editor to match the design of your site, product or application. Due to its flexibility, you can [configure the editor](https://www.tiny.cloud/docs/tinymce/8/basic-setup/) with as much or as little functionality as you like, depending on your requirements.

With [50+ powerful plugins available](https://www.tiny.cloud/tinymce/features/), and content editable as the basis of TinyMCE, 
阅读完整原文

商业机会分析 AI 生成

TinyMCE 专属 Office 高保真文档导入/导出插件

产品构想针对企业在 TinyMCE 中导入 Word (.docx) 和导出 PDF/Word 时格式丢失、样式污染的痛点,提供高保真度渲染与清洗的轻量级前端插件及配套转换 API。
核心功能Word 文档一键解析导入、行内样式智能过滤与标准化、复杂表格与图片格式保留、一键导出带水印/自定义样式的 PDF 与 Word 文档。
目标用户B端企业系统开发者、政企 OA/知识库系统开发团队。
难度/周期中等 · 1 - 2 个月 · 成本:极低(纯客户端解析库或轻量无服务器后端)
收费模式单一开发者商业许可授权买断 + 云端转换 API 阶梯订阅制。
竞争风险TinyMCE 官方商业版已有类似功能(PowerPaste),需在定价和特定格式优化上形成差异化。
依据 已验证事实

垂直领域 AI 辅助写作与合规检查插件

产品构想基于 TinyMCE UI 扩展协议,封装支持本地模型/私有 API 的垂直领域(如医疗病例、法律文书、SEO 内容)写作辅助与敏感词/合规审查套件。
核心功能划词 AI 改写/续写/润色、垂直行业术语补全、合规性与敏感词实时检测拦截、支持接入自建私有化 LLM 接口。
目标用户垂直行业 SaaS 开发者、内容营销团队、中小型专业服务机构。
难度/周期中等 · 3 - 5 周 · 成本:开发调试 API 调用成本
收费模式插件单站/多站授权销售,或按 Token/检查次数订阅收费。
竞争风险通用 AI 插件竞争激烈,若不深耕特定垂直行业规则库容易沦为同质化包装。
依据 数据支持的判断

开箱即用的富文本内容分发与存储托管服务(BaaS)

产品构想为集成 TinyMCE 的开发者提供免后端的富文本资产托管方案,处理图片上传、视频转码、CDN 托管与版本历史记录。
核心功能一行代码接入 TinyMCE 图片/文件上传逻辑、自动 WebP 压缩与图床存储、内容版本历史快照、防止跨站脚本(XSS)的内容安全消毒网关。
目标用户独立全栈开发者、无后端基础的前端工程师、低代码平台使用者。
难度/周期中等 · 1 - 2 个月 · 成本:对象存储与带宽成本(按用量支出)
收费模式按月/按年订阅(基于存储空间和请求带宽分级)。
竞争风险用户需将数据委托给第三方服务,企业级用户顾虑数据隐私与合规问题。
依据 AI推测
AI 基于仓库公开数据分析生成,含推测成分,不构成收益承诺。
报告会保存到 个人中心

竞品与相似项目 GitHub Search 真实检索

项目中文简介Stars语言
yabwe/medium-editor 中文介绍暂未生成
Medium.com WYSIWYG editor clone. Uses contenteditable API to
16,098 JavaScript
jaredreich/pell 中文介绍暂未生成
📝 the simplest and smallest WYSIWYG text editor for web, wit
12,043 JavaScript
ckeditor/ckeditor5 中文介绍暂未生成
Powerful rich text editor framework with a modular architect
10,522 JavaScript
ckeditor/ckeditor4 中文介绍暂未生成
The best enterprise-grade WYSIWYG editor. Fully customizable
5,822 Rich Text Format
jakiestfu/Medium.js 中文介绍暂未生成
A tiny JavaScript library for making contenteditable beautif
4,376 JavaScript
yoopta-editor/Yoopta-Editor 中文介绍暂未生成
Build Notion-like, Craft-like, Coda-like, Medium-like editor
3,095 TypeScript
以上为通过 GitHub 官方 Search API 检索的相似项目,功能差异与优劣势需进一步人工确认,配置 AI 后可生成对比分析。

项目优势与风险

技术成熟度创建于 2010-01-11,近 30 天仍在推送
社区活跃Star 16,322 / Fork 2,340 / Issue 424(数据支持,可自行核实)
许可证NOASSERTION
主要风险上游项目方向可能变化;同赛道竞争者较多(见竞品表);热度与需求不完全等价

安装与使用

快速开始(以仓库 README 为准)
git clone https://github.com/tinymce/tinymce.git
cd tinymce
# 请阅读仓库 README 获取确切安装步骤(依赖、配置、启动命令)
阅读原仓库文档
术语说明:Docker=应用容器(把程序和依赖打包运行);API Key=调用外部服务的密钥;Git Clone=把仓库代码下载到本地。常见错误:API Key 未配置 / 端口占用 / 数据库连接失败,多数项目在 README 的 Troubleshooting 章节有说明。