CKEditor 生态系统文档
Search
首页/CKBox/入门

guide安装

CKBox 是一款商业产品，要使用它，您需要获得许可证。

CKBox 以 npm 包、压缩包和 CDN 下载的形式发布。在本指南中，您将找到运行即用型 CKBox 应用程序的最快捷最简单的方法。
访问我们的GitHub 示例仓库，探索更多关于如何将 CKBox 与您的应用程序集成的信息。

# CDN

使用从 CDN 提供的构建是将 CKBox 嵌入您的应用程序的最简单方法。此外，从 CDN 提供的所有脚本加载速度更快，因为它们托管在全球多个服务器上。

要开始在您的网站上使用 CKBox，请在页面的 HTML 中嵌入以下 <script> 标签

<script src="https://cdn.ckbox.io/ckbox/2.5.1/ckbox.js"></script>

快速示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src="https://cdn.ckbox.io/ckbox/2.5.1/ckbox.js"></script>
    </head>
    <body>
        <div id="ckbox"></div>
        <script>
            CKBox.mount(document.getElementById('ckbox'), {
                // You must provide a valid token URL in order to use the application
                // After registering to CKBox, the fastest way to try out CKBox is to use the development token endpoint:
                // https://ckeditor.npmjs.net.cn/docs/ckbox/2.5.1/guides/configuration/authentication.html#development-token-endpoint
                tokenUrl: 'https://your.token.url'
            });
        </script>
    </body>
</html>

# npm

要将 CKBox 安装为 NPM 依赖项，请运行

npm install ckbox

然后，您可以像下面所示在您的代码中实例化 CKBox。

import * as CKBox from 'ckbox';
import 'ckbox/dist/styles/ckbox.css';

CKBox.mount(document.querySelector('#ckbox'), {
    tokenUrl: 'https://your.token.url'
});

查看我们的代码示例，了解如何在您的应用程序中使用 CKBox。

# 压缩包

⬇ 下载 CKBox 压缩包 (v2.5.1)

将压缩包解压缩到所需位置，并将 ckbox.js 脚本附加到您的网页上。

快速示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src="ckbox/ckbox.js"></script>
    </head>
    <body>
        <div id="ckbox"></div>
        <script>
            CKBox.mount(document.getElementById('ckbox'), {
                tokenUrl: 'https://your.token.url'
            });
        </script>
    </body>
</html>

压缩包包含一个预配置的 index.html，如果您配置了 tokenUrl 选项，它将起作用，该选项已故意留空。

# 本地部署

CKBox 也可以在本地部署。应用程序的后端部分安装并运行在客户的内部服务器和计算基础设施上，包括私有云。它包含 SaaS 版本中提供的 CKBox 文件管理器的所有功能。

请参阅CKBox 本地部署文档，了解系统要求、配置和支持的数据存储。