# @blowstack/ckeditor-nuxt 中文文档

规范地址：https://npmcn.com/package/%40blowstack/ckeditor-nuxt/

版本：0\.6\.0
npm 元数据更新时间：2022-04-04T19:43:18.587Z
中文译文更新时间：2026-11-08T08:15:19.409Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40blowstack/ckeditor-nuxt
原文对照：https://npmcn.com/package/%40blowstack/ckeditor-nuxt/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：10.6 MB，17 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：2 个
- 首次发布：2020-05-12T19:46:27.978Z
- 最新版本发布：2021-04-02T17:18:13.569Z
- 近 30 天下载量：1911（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：13（近 12 个月 0 个）

## 中文简介

CKEditor 5 为 nuxt apps 编辑器. 组件包括所有免费的插件( CKFinder 除外, 而是使用的简单上传适配器)

## 安装

```sh
npm install @blowstack/ckeditor-nuxt
```

也可以使用：`pnpm add @blowstack/ckeditor-nuxt`、`yarn add @blowstack/ckeditor-nuxt`、`bun add @blowstack/ckeditor-nuxt`

## README

# 开胃菜

CKEditor 5 为 nuxt apps 编辑器. 组件包括所有免费的插件( CKFinder 除外, 而是使用的简单上传适配器)

## 所需资源

```
yarn add nuxt
npm i nuxt
```

## 构成部分整合

```
yarn add @blowstack/ckeditor-nuxt
npm install --save @blowstack/ckeditor-nuxt
```

## 包含的插件列表

-   对齐,
-   自动图像,
-   自动格式化,
-   自动链接,
-   块引文,
-   大胆,
-   云服务,
-   代码,
-   密码锁,
-   要点,
-   字体背景颜色,
-   字体颜色,
-   字体家庭,
-   字体大小,
-   标题,
-   重点,
-   水平线,
-   图像,
-   图像标题,
-   图像插入,
-   图像回复,
-   图像样式,
-   图像工具栏,
-   图像加载,
-   缩进,
-   缩进Block,
-   意大利语,
-   链接,
-   链接图像,
-   名单,
-   李斯泰尔,
-   马蒂,
-   媒体Embed,
-   MediaEmbed工具栏,
-   页面崩溃,
-   段落,
-   从办公室粘贴,
-   删除格式,
-   简单装入Adapter,
-   特别嘉宾,
-   特种战士箭头,
-   特殊特点,
-   特殊特征,
-   拉丁语特辑,
-   数学,
-   特别章节文本,
-   突破,
-   下标,
-   上标,
-   表格,
-   表单收益,
-   表财产,
-   桌子工具栏,
-   文本转换,
-   标题,
-   托多莱斯特,
-   下划线,
-   单词

## 使用量

```
<template>
  <client-only placeholder="loading...">
    <ckeditor-nuxt v-model="contentHolder" :config="editorConfig"  />
  </client-only>
</template>

<script>
export default {
  components: {
    'ckeditor-nuxt': () => { if (process.client) { return import('@blowstack/ckeditor-nuxt') } },
  },
  data() {
    return {
      editorConfig: {
        simpleUpload: {
          uploadUrl: 'path_to_image_controller',
          headers: {
            'Authorization': 'optional_token'
          }
        }
      },
      contentHolder: ""
    }
  }
}
</script>
```

## 自定义

用于定制编辑器 Config 对象 . 它和默认的ckeditor 5.一样有效. 更多信息 [https://ckeditor.com/docs/ckeditor5/latest/api/module core editor editorconfig-EditorConfig.html 互联网档案馆的存檔,存档日期2014-12-22](https://ckeditor.com/docs/ckeditor5/latest/api/module_core_editor_editorconfig-EditorConfig.html)

例如, 如果您想要禁用标题插件 :

```

editorConfig: {
    removePlugins: ['Title'],
}
```

您也可以改变任何插件的行为 。 对于标题插件, 您可以更改例如占位符 :

```

editorConfig: {
    title: {
        placeholder: 'h1'
    }
}
```

## 常见问题

### @blowstack/ckeditor-nuxt 是什么？

CKEditor 5 为 nuxt apps 编辑器\. 组件包括所有免费的插件\( CKFinder 除外, 而是使用的简单上传适配器\)

### 如何安装 @blowstack/ckeditor-nuxt？

在项目目录运行 npm install @blowstack/ckeditor-nuxt，或使用 pnpm add / yarn add / bun add。

### @blowstack/ckeditor-nuxt 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/blowstack\_\_ckeditor-nuxt 是否存在。

### @blowstack/ckeditor-nuxt 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @blowstack/ckeditor-nuxt 可以商用吗？

@blowstack/ckeditor-nuxt 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @blowstack/ckeditor-nuxt 的下载量有多少？

根据 npm 官方下载统计，@blowstack/ckeditor-nuxt 在 2026/10/09 – 2026/11/07 这 30 天内被下载 1,911 次，日均约 64 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @blowstack/ckeditor-nuxt 还在维护吗？

最新版本 0\.6\.0 发布于 2021/04/03（5 年前）；至今共发布 13 个版本，其中过去 12 个月发布了 0 个；首次发布于 2020/05/13。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。