让开源，少一点语言距离。
npm包中文文档

@atlaskit/editor-plugin-insert-block

中文文档
31.0.15发布于 2026/11/07Apache-2.0TypeScriptESM + CJS近 30 天下载 3.5万

Insert block plugin for @atlaskit/editor-core

原始使用文档
中文原文
文档目录6 节
  1. Overview
  2. Key features
  3. Install
  4. Usage
  5. Support
  6. License

Editor Plugin Insert Block

Insert block plugin for @atlaskit/editor-core

Note: This component is designed for internal Atlassian development. External contributors will be able to use this component but will not be able to submit issues.

Overview

The Insert Block plugin provides a comprehensive toolbar interface for inserting various content types and block elements into the Atlassian Editor. It manages the insert menu, toolbar buttons, and element browser, enabling users to add rich content such as tables, media, code blocks, emojis, mentions, and other block-level elements.

Key features

  • Toolbar insert buttons - Provides individual toolbar buttons for quickly inserting common content types (tables, media, emojis, mentions, etc.)
  • Insert menu dropdown - Offers a comprehensive dropdown menu with all available insert options organized by category
  • Element browser - Displays a searchable, categorized browser for discovering and inserting elements
  • Responsive toolbar - Automatically adjusts the number of visible buttons based on available toolbar space
  • Configurable buttons - Allows customization of which insert buttons are visible in the toolbar
  • Block type insertion - Supports inserting block types like code blocks, panels, and block quotes
  • Media integration - Integrates with media plugin to enable image and media uploads
  • Offline mode support - Adapts UI based on connectivity status
  • Performance optimized - Lazy loads element browser for improved initial rendering performance

Install

Usage

Internal use only

@atlaskit/editor-plugin-insert-block is intended for internal use by the @atlaskit/editor-core and as a plugin dependency of the Editor within your product.

Direct use of this component is not supported.

Please see Atlaskit - Editor plugin insert block for documentation and examples for this package.

Support

For internal Atlassian, visit the slack channel #help-editor for support or visit go/editor-help to submit a bug.

License

Please see Atlassian Frontend - License for more licensing information.

版本与发布记录

@atlaskit/editor-plugin-insert-block 共发布 595 个版本，首次发布于 2023/11/15；过去 12 个月发布了 323 个版本。

版本发布日期距今
31.0.15latest2026/11/07今天
31.0.142026/11/061 天前
31.0.132026/11/061 天前
31.0.122026/11/061 天前
31.0.112026/11/062 天前
31.0.102026/11/053 天前

关于 @atlaskit/editor-plugin-insert-block 的常见问题

@atlaskit/editor-plugin-insert-block 是什么？

Insert block plugin for @atlaskit/editor-core

如何安装 @atlaskit/editor-plugin-insert-block？

在项目目录运行 npm install @atlaskit/editor-plugin-insert-block，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^18.2.0 || ^19.2.0）、react-dom（^18.2.0 || ^19.2.0）、react-intl（^5.25.1 || ^6.0.0 || ^7.0.0）、@atlaskit/editor-common（^134.9.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

@atlaskit/editor-plugin-insert-block 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

@atlaskit/editor-plugin-insert-block 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。

@atlaskit/editor-plugin-insert-block 可以商用吗？

@atlaskit/editor-plugin-insert-block 使用 Apache-2.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

@atlaskit/editor-plugin-insert-block 的下载量有多少？

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

@atlaskit/editor-plugin-insert-block 还在维护吗？

最新版本 31.0.15 发布于 2026/11/07（今天）；至今共发布 595 个版本，其中过去 12 个月发布了 323 个；首次发布于 2023/11/15。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。