CKBox 文件夹

https://ckbox.io/ (英语)

CKBox是一个文件管理平台,在提供杰出的用户体验的同时,可以更容易地与您的文件合作.

快开始

使用来自CDN的架构是将 CKBox 嵌入您的应用程序中最简单和最快的方式. 此外,CDN服务的所有脚本都加载得更快,因为它们被托管在全球多个服务器上,缩短了响应时间.

要开始在您的网站上使用 CKBox, 请嵌入以下 script 页面 HTML 代码中的元素 :

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

快速实施实例:

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src="https://cdn.ckbox.io/ckbox/2.14.0/ckbox.js"></script>
    </head>
    <body>
        <div id="ckbox"></div>
        <script>
            // 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.com/docs/ckbox/latest/guides/configuration/authentication.html#token-endpoint
            CKBox.mount(document.getElementById("ckbox"), {
                tokenUrl: "https://your.token.url",
            });
        </script>
    </body>
</html>

与CKEditor 5的融合

下面的代码片段介绍了CKEditor 5与CKBox集成的最简单的情景. 欲了解更多关于融合的信息,请参见: CKEditor 5 整合指南。 。 。 .

<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src="https://cdn.ckbox.io/ckbox/2.14.0/ckbox.js"></script>
        <link
            rel="stylesheet"
            href="https://cdn.ckbox.io/ckbox/2.14.0/styles/themes/lark.css"
        />
        <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/48.4.0/ckeditor5.css" />
    </head>
    <body>
        <div id="editor"></div>

        <script type="importmap">
            {
                "imports": {
                    "ckeditor5": "https://cdn.ckeditor.com/ckeditor5/48.4.0/ckeditor5.js",
                    "ckeditor5/": "https://cdn.ckeditor.com/ckeditor5/48.4.0/"
                }
            }
        </script>

        <script type="module">
            import {
                ClassicEditor,
                Essentials,
                CloudServices,
                CKBox,
                CKBoxImageEdit,
                PictureEditing,
                Image,
                ImageUpload,
                ImageUploadEditing,
                ImageUploadProgress,
                LinkEditing,
                Heading,
                Font,
                Bold,
                Italic,
                BlockQuote,
                Paragraph,
                Indent,
                Link,
                List
            } from 'ckeditor5';

            ClassicEditor
                .create( {
                    attachTo: document.querySelector( '#editor' ),
                    plugins: [
                        CKBox, CloudServices, Essentials, Bold, Italic, Font, Paragraph, LinkEditing,
                        PictureEditing, Image, ImageUploadEditing, ImageUploadProgress, BlockQuote,
                        Indent, Heading, Link, List, CKBoxImageEdit, ImageUpload
                    ],
                    ckbox: {
                        tokenUrl: 'https://your.token.url',
                        theme: 'lark',
                    },
                    toolbar: [
                        'ckbox', 'imageUpload', '|', 'heading', '|', 'undo', 'redo', '|', 'bold', 'italic', '|',
                        'blockQuote', 'indent', 'link', '|', 'bulletedList', 'numberedList'
                    ],
                } )
                .catch( error => {
                    console.error( error );
                } );
        </script>
    </body>
</html>

关于更先进的一体化设想方案,请参考 CKBox 文档。 。 。 .

文档

CKBox 文档 包括以下方面的资料:

• 在您的应用程序中启用 CKBox .
• 将 CKBox 与 CKEditor 5.
• 配置并自定义 CKBox.

你会发现准备使用代码片段 和现场实例.

许可证

CKBox 文件夹 (单位:千美元)https://ckeditor.com/ckbox/ (中文(简体) )(中文(简体) )

版权(c)2021-2026, CK Source Holding sp.z.o.o. (英语). 版权所有. CKBox 文件夹 获得商业许可证并受版权法的保护。 有关现有许可方案的详细情况,请与我们联系 销售量@cksource.com。 。 。 .

商标 CKBox 文件夹 是一个商标: CK Source Holding sp.z.o.o. (英语). 其他品牌和产品名称均为商标,注册商标或各自持有人的服务标志.