介绍
@ckeditor/ckeditor-cloud-services-core 是一个适用于前端的 npm 包。它提供了一个从CKEditor Cloud Services获取数据的接口，包括图片上传和文件上传等。本文将介绍如何使用该npm包以及如何获取和使用云服务API密钥。
安装
在终端或命令行中使用以下命令可以安装 @ckeditor/ckeditor-cloud-services-core：
npm install --save @ckeditor/ckeditor-cloud-services-core
使用方法
首先，在使用 @ckeditor/ckeditor-cloud-services-core 之前，需要从 CKEditor Cloud Services 获取一个API密钥。要获取API密钥，请按照以下步骤：
- 注册和登录CKEditor Cloud Services。
- 在服务中创建一个新项目。
- 在项目设置页面中，找到“密钥”部分，并点击“生成密钥”。
- 复制您的API密钥。
接下来，你可以在你的HTML页面上使用以下代码来访问CKEditor Cloud Services API：
-- -------------------- ---- ------- ------- ----------------------------------------------------------------------------- -------- ------------- -------- ----------------------- --------- -- - -------------- - --------- ---------------------------------------- ---------- ------------------------------------------------------------ ------------- ------------------------------------------- - - - ------ ------ -- - ------------ ------ -- - - ------- ----- -- - -------------- ----- -- - -- ---------展开代码
在上面的代码中，我们使用了 ClassicEditor 来创建一个新的编辑器，并在配置对象中设置了相关参数：
- 在 cloudServices 配置对象中，我们设定了 tokenUrl、uploadUrl 和 webSocketUrl 这三个参数的值，这些值由 CKEditor Cloud Services 提供。
- tokenUrl 是用于请求 token 的URL，uploadUrl 是用于上传图片的URL，webSocketUrl 是用于获取编者信息的URL。
此外，我们还可以使用其他的配置项来设置我们的编辑器，例如 toolbar、placeholder 等。
示例代码
以下是一个根据以上介绍修改后的示例代码，您可以将其复制到您的HTML页面：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------------- ------------ ------- ----------------------------------------------------------------------------- ------- ------ ------------ --------- ------ --------- -------------- ----------------------- ------- -------- ------------- -------- ----------------------- --------- -- - -------------- - --------- ---------------------------------------- ---------- ------------------------------------------------------------ ------------- ------------------------------------------- - - - ------ ------ -- - ------------ ------ -- - - ------- ----- -- - -------------- ----- -- - -- --------- ------- -------展开代码
总结
本文介绍了如何获取和使用 @ckeditor/ckeditor-cloud-services-core 这个npm包，以及如何使用CKEditor Cloud Services来进行图片上传和文件上传等操作。您可以按照本文中的步骤，尝试使用该npm包来优化您的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3211e73b0ab45f74a8bd57
