# @calumk/editorjs-columns 中文文档

规范地址：https://npmcn.com/package/%40calumk/editorjs-columns/

版本：0\.4\.0
npm 元数据更新时间：2026-04-02T11:49:11.212Z
中文译文更新时间：2026-11-09T00:13:34.988Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40calumk/editorjs-columns
原文对照：https://npmcn.com/package/%40calumk/editorjs-columns/?lang=original
项目主页：https://github.com/calumk/editorjs-columns#readme
源码仓库：https://github.com/calumk/editorjs-columns

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

- 包体积（解压后）：4.7 MB，16 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：3 个
- 首次发布：2022-05-08T14:30:25.273Z
- 最新版本发布：2026-04-02T11:49:10.909Z
- 近 30 天下载量：17491（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：13（近 12 个月 1 个）

## 中文简介

编辑器JS的列

## 安装

```sh
npm install @calumk/editorjs-columns
```

也可以使用：`pnpm add @calumk/editorjs-columns`、`yarn add @calumk/editorjs-columns`、`bun add @calumk/editorjs-columns`

## README

# 翻译:

允许用户拥有列的插件 !

请阅读 **已知错误** 分队! 拉请求是非常受欢迎的!

## 安装

> npm i @ calumk/editorjs - 栏目

> https://cdn.jsdelivr.net/npm/@calumk/editorjs-colens@latest 互联网档案馆的存檔,存档日期2013-12-02

## 演示

![demo](https://npmcn.com/package/%40calumk/editorjs-columns/assets/demo.gif)

## 特征

-   [x] 支持新的垂直菜单样式
-   [x] 保存/ 隐藏
-   [x] 支持2个连锁店
-   [x] 支持3个栏
    -   [x] 迁移存储到数组
    -   [x] 添加工具以更改类型
    -   [x] 已添加到切换/ 滚动阵列的工具
-   [ ] 可识别性重构代码
-   [ ] 测试

## 更改日志

> 02/04/26 - 较大变化 -
> 
> -   将 SweetAlert 替换为微模式来减小捆绑大小 .
> -   从 #27 中添加了校正修正来修正输入密钥和制表密钥问题,并减少复制/制表的问题.
> 
> 28/04/23 - 重新添加功能 - 编辑Js现在必须作为实例通过工具传递给孩子,以避免重复编辑js安装,并确保只使用一个编辑js实例. 16/05/22 - 移除了全球可变工具. 切换到列工具的配置变量(见示例) ~22/05/22 - 编辑Js现在必须作为实例通过儿童工具,以避免编辑Js安装的重复~ - 倒车

# 已知错误

-   在列内按入密钥, 将退出列
    
    -   可以通过使用 @ calumk/ editorjs- sach- linebreak 来解决( 类型)
-   在列内按下标签键将同时启动列和母工具 - 这很难解决,因为粘贴会触发将列编辑器上移到主编辑器中
    
-   复制/复制可能导致数据在错误的地方重复 - 这很难解决,因为粘贴会触发将列编辑器上移到主编辑器中
    
-   ~有工具箱的z索引问题~
    
-   ~工具作为全球 var 托管~
    
-   ~所有斯德林目前都只是例子. (简体中文)~
    
    -   ~列样式应移动到插件~
    -   ~舆论化的造型(边界、圆角、盘旋的沙多等)将继续成为榜样。 (简体中文)~
-   ~SVG 标志在新的垂直菜单中无法正确渲染~
    

## 文档

还没有,请参见示例/示例.html的使用.

* * *

> 注:工具通过配置.tools属性传递给编辑器-列

```javascript
// first define the tools to be made avaliable in the columns
let column_tools = {
    header: Header,
    alert : Alert,
    paragraph : editorjsParagraphLinebreakable,
    delimiter : Delimiter
}

// next define the tools in the main block
// Warning - Dont just use main_tools - you will probably generate a circular reference 
let main_tools = {
// Load Official Tools
    header: Header,
    alert : Alert,
    paragraph : editorjsParagraphLinebreakable,
    delimiter : Delimiter,

    columns : {
        class : editorjsColumns,
        config : {
          EditorJsLibrary : EditorJs, // Pass the library instance to the columns instance.
          tools : column_tools // IMPORTANT! ref the column_tools
        }
      },
}


editor = new EditorJS({
    tools : main_tools,
});
```

您也可以使用 Editor.js 的 i18n 特性来更改工具的文本.

```javascript
i18n: {
    messages: {
        toolNames: {
            Columns: `Columnas`,
        },
        tools: {
            columns: {
                '2 Columns': `Dos columnas`,
                '3 Columns': `Tres columnas`, 
                'Roll Columns': `Rotar columnas`,
                'Are you sure?': `¿Está seguro?`,
                'This will delete Column 3!': `¡Esto eliminará la Columna 3!`,
                'Yes, delete it!': `¡Sí, eliminar!`,
                Cancel: `Cancelar`,
            },
        },
    },
};

```

## 常见问题

### @calumk/editorjs-columns 是什么？

编辑器JS的列

### 如何安装 @calumk/editorjs-columns？

在项目目录运行 npm install @calumk/editorjs-columns，或使用 pnpm add / yarn add / bun add。

### @calumk/editorjs-columns 支持 TypeScript 吗？

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

### @calumk/editorjs-columns 支持 ESM 还是 CommonJS？

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

### @calumk/editorjs-columns 可以商用吗？

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

### @calumk/editorjs-columns 的下载量有多少？

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

### @calumk/editorjs-columns 还在维护吗？

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