代码表面:编辑器、diff、突出显示的列表、JSON编辑器和
嵌入它们的马克倒置制造器.
安装
pnpm add @djangocfg/widget-code @djangocfg/ui-core @djangocfg/i18n
| 子路径 | 什麽 | 重量 |
|---|
./editor | 摩纳哥,单一档案或diff | ~550 KB,懒惰 |
./json-editor | 可编辑的 JSON 树 | json-edit-react |
./diff-viewer | 统一或分割 diff, 虚拟化 | 棱镜+虚拟 |
./diff-viewer/full | 同样的,渴望 | |
./markdown-message | 用嵌入式代码、图表和芯片标记下 | |
./role-tokens | 页:1 ANCHOR 编号 : TOGGLE 类别合同 | |
无需要导入的根桶
摩纳哥单是 ~550 KB, 和棱晶和 json-edit-react 坐在他们自己的后面
潜行道. 根会故意输出角色符号和别的.
其他地方只读代码
PrettyCode (只读列表中有一个面板标题,棱柱) 活在
@djangocfg/widget-kit/pretty-code,与 /pretty-code/lazy 推迟的
窗体; DiffViewer 财务报告和审定财务报表 MarkdownMessage 在这里使用它从那里, 同样
聊天时 Response。 。 。 . @djangocfg/widget-media/code 是第二个, shiki 列表为
这回贷里没有消费者.
校验
pnpm --filter @djangocfg/widget-code check-types test
关于 @djangocfg/widget-code 的常见问题
@djangocfg/widget-code 是什么？
代码浮出水面:摩纳哥编辑器,diff取景器,JSON编辑器和嵌入它们的标记下渲染器
如何安装 @djangocfg/widget-code？
在项目目录运行 npm install @djangocfg/widget-code，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^19.0.0）、react-dom（^19.0.0）、lucide-react（^1.68.0）、@djangocfg/i18n（^2.1.648）、@djangocfg/ui-core（^2.1.648）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
@djangocfg/widget-code 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
@djangocfg/widget-code 支持 ESM 还是 CommonJS？
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。
@djangocfg/widget-code 可以商用吗？
@djangocfg/widget-code 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@djangocfg/widget-code 的下载量有多少？
根据 npm 官方下载统计，@djangocfg/widget-code 在 2026/10/13 – 2026/11/11 这 30 天内被下载 3,279 次，日均约 109 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@djangocfg/widget-code 还在维护吗？
最新版本 0.1.23 发布于 2026/11/11（1 天前）；至今共发布 19 个版本，其中过去 12 个月发布了 19 个；首次发布于 2026/09/09。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。