# @bobbyquantum/ngx-editor 中文文档

规范地址：https://npmcn.com/package/%40bobbyquantum/ngx-editor/

版本：22\.0\.1
npm 元数据更新时间：2026-08-01T15:26:03.722Z
中文译文更新时间：2026-11-08T09:43:29.387Z
软件包许可：MIT

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

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

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

- 包体积（解压后）：525 kB，22 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：12 个
- peer 依赖：@angular/common \>=22\.0\.0，@angular/core \>=22\.0\.0，@angular/forms \>=22\.0\.0，@angular/platform-browser \>=22\.0\.0，rxjs \>=7\.8\.0
- 首次发布：2025-12-14T15:35:15.684Z
- 最新版本发布：2026-08-01T15:26:03.402Z
- 近 30 天下载量：4392（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：4（近 12 个月 4 个）

## 中文简介

Angular 的丰富文本编辑器, 在ProseMirror (Zoneless Fork) 上所建

## 安装

```sh
npm install @bobbyquantum/ngx-editor
```

也可以使用：`pnpm add @bobbyquantum/ngx-editor`、`yarn add @bobbyquantum/ngx-editor`、`bun add @bobbyquantum/ngx-editor`

## README

# @bobbyquantum/ngx编辑器

[![ngxEditor](https://npmcn.com/package/%40bobbyquantum/ngx-editor/sketch/ngx-editor.svg)](https://github.com/bobbyquantum/ngx-editor)

Angular 21+ (无区域) 的丰富文本编辑器, 在ProseMirror上建

> ⚠️ **这是叉子 [sibiraj-s/ngx编辑器](https://github.com/sibiraj-s/ngx-editor)**
> 
> 最初的项目似乎没有活动。 此叉已更新支持 **角点 21** 与 **无区变化检测** 和现代角图案。 它在一个范围为npm的软件包下发布,以独立发行.

## 有什么不同吗

-   ✅ **角点 21** 支助
-   ✅ **无区变化检测** (单位:千美元)`provideZonelessChangeDetection()`(中文(简体) )
-   ✅ **启动更改检测** 所有组成部分
-   ✅ **角信号** 反应状态
-   ✅ **现代控制流** (单位:千美元)`@if`, (中文(简体) ), `@for` 改为 `*ngIf`, (中文(简体) ), `*ngFor`(中文(简体) )
-   ✅ **`inject()` 模式** 而不是构造器注入
-   ✅ **Ctrl/ Cmd+ 键** 打开编辑器中的链接

## 开始

### 安装

```bash
npm install @bobbyquantum/ngx-editor
```

### 使用量

**说明**: 默认情况下,编辑器会带有最小的特性.

```ts
import {
  NgxEditorComponent,
  NgxEditorMenuComponent,
  Editor,
} from '@bobbyquantum/ngx-editor';
import { FormsModule } from '@angular/forms';

@Component({
  selector: 'editor-component',
  templateUrl: 'editor.component.html',
  styleUrls: ['editor.component.scss'],
  standalone: true,
  imports: [NgxEditorComponent, NgxEditorMenuComponent, FormsModule],
})
export class MyEditorComponent implements OnInit, OnDestroy {
  html = '';
  editor: Editor;

  ngOnInit(): void {
    this.editor = new Editor();
  }

  ngOnDestroy(): void {
    this.editor.destroy();
  }
}
```

然后在 HTML 中

```html
<div class="NgxEditor__Wrapper">
  <ngx-editor-menu [editor]="editor"></ngx-editor-menu>
  <ngx-editor
    [editor]="editor"
    [ngModel]="html"
    [disabled]="false"
    [placeholder]="'Type here...'"
  ></ngx-editor>
</div>
```

### 无区设置

在您的应用程序配置中 :

```ts
import { provideZonelessChangeDetection } from '@angular/core';

export const appConfig: ApplicationConfig = {
  providers: [provideZonelessChangeDetection()],
};
```

## 浏览器兼容性

在所有常绿浏览器上工作:

-   谷歌颜色
-   微软边缘
-   Mozilla Firefox 喷出火花
-   萨法里
-   歌剧

## 图标

图标来自 [https://fonts.google.com/icons (中文(简体) )](https://fonts.google.com/icons)

## 原始项目

这是叉子 [sibiraj-s/ngx编辑器](https://github.com/sibiraj-s/ngx-editor). 全面表彰原作者优秀地基.

## 许可证

麻省理工学院-见 [自由主义](https://npmcn.com/package/%40bobbyquantum/ngx-editor/LICENSE)

## 常见问题

### @bobbyquantum/ngx-editor 是什么？

Angular 的丰富文本编辑器, 在ProseMirror \(Zoneless Fork\) 上所建

### 如何安装 @bobbyquantum/ngx-editor？

在项目目录运行 npm install @bobbyquantum/ngx-editor，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@angular/common（\>=22\.0\.0）、@angular/core（\>=22\.0\.0）、@angular/forms（\>=22\.0\.0）、@angular/platform-browser（\>=22\.0\.0）、rxjs（\>=7\.8\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @bobbyquantum/ngx-editor 支持 TypeScript 吗？

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

### @bobbyquantum/ngx-editor 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @bobbyquantum/ngx-editor 可以商用吗？

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

### @bobbyquantum/ngx-editor 的下载量有多少？

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

### @bobbyquantum/ngx-editor 还在维护吗？

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