CKEditor 5 入门

CKEditor 5 是一个灵活的编辑框架，提供所有类型的 WYSIWYG 编辑解决方案，从类似 Google Docs 和 Medium 的编辑器到 Notion、Slack 或 Twitter 类应用程序，所有这些都可以在一个编辑框架中实现。它是一个现代的 JavaScript 富文本编辑器，具有 MVC 架构、自定义数据模型和虚拟 DOM，使用 TypeScript 从头开始编写，对现代捆绑器有很好的支持。找出开始使用它的最便捷方法！

# 您是 CKEditor 5 的新手吗？

如果您刚开始使用我们的 WYSIWYG 编辑器，请了解如何使用 **快速入门指南**轻松开始这个冒险之旅。您将了解如何从 npm 或 CDN 运行 CKEditor 5。

# 从 CKEditor 4 迁移？

如果您熟悉我们之前停产的产品并且想要切换，请查看 **迁移部分**。您将在那里找到一个有用的升级指南，帮助您以最少的努力切换。

# CKEditor 5 框架集成

您想使用框架吗？与最流行的库的原生集成将为您节省时间和精力。到目前为止，有五个官方集成

但是，一些其他框架的集成步骤也已记录在案。请参阅左侧的文档以了解如何使用它们。

# 对其他框架的支持

CKEditor 5 是用 TypeScript 编写的原生 JavaScript 富文本编辑组件。因此，它是与框架无关的，并且 **可以与任何 JavaScript 框架和应用程序集成**。它不需要任何不常见的技术或技术来使用。因此，除非您使用的框架具有非典型的限制，否则 CKEditor 5 与其兼容。

CKEditor 5 还与流行的 CSS 框架（如 Bootstrap 或 Foundation）兼容。但是，此类集成通常需要额外的更改和调整，我们已在本指南中收集这些更改和调整。

我们计划随着时间的推移提供更多集成。我们希望听取您的想法关于我们接下来应该做什么。

# 配置 CKEditor 5

安装 CKEditor 5 副本后，请花一些时间在首次使用前配置它。设置数据保存方法、编辑器工具栏和 UI。

您还可以参加分步教程，该教程将指导您完成编辑器的安装和配置。

# 传统安装方法

在 42.0.0 版之前，CKEditor 5 使用不同的安装方法。如果由于某种原因，您希望使用这些旧版本（虽然不建议这样做），您可以查看传统安装指南。否则，请参阅将 CKEditor 5 迁移到新的安装方法指南。