OpenProject 11.1.0 版本技术解读WYSIWYG 编辑器重构、Gantt 里程碑聚合与工作包分组折叠实战【免费下载链接】openprojectOpenProject is the leading open source project management software for product, project and portfolio management. A powerful Jira alternative with agile planning, issue tracking, roadmaps, Gantt charts, time tracking, collaboration features, and more. Available on premises or in the cloud. ⭐ Star us on GitHub项目地址: https://gitcode.com/GitHub_Trending/op/openprojectOpenProject 11.1.0发布于 2020-12-17是一次聚焦经典与敏捷项目管理体验打磨的特性版本核心工作集中在富文本编辑器CKEditor 5 升级至 23.0.0的样式体系重构、通知内联用户名的直接展示、甘特图中项目里程碑的单行聚合以及工作包列表分组的一键折叠。本文基于 版本说明原文 展开并结合仓库前端源码CKEditor 集成层、工作包表格与甘特图相关实现补充底层原理与可验证依据帮助读者理解这些 UI 能力背后的实现方式以及如何安装、升级到该版本。1. 版本概览一次面向协作体验的迭代OpenProject 11.1.0 的发布说明将其定位为带来大量新特性与缺陷修复同时改进经典与敏捷项目管理体验的版本。从变更清单看本次迭代的主线可以归纳为四条编辑器体验重构 WYSIWYG 富文本编辑器含 Wiki 页面、工作包描述等所有文本域的排版样式并升级底层 CKEditor 5 到 23.0.0协作通知在编辑工作包评论进行 通知时直接显示被提及用户的姓名降低选错成员的概率可视化聚合甘特图支持将项目的里程碑按项目聚合到单一行一键折叠后仍能总览关键交付日期企业合规流程Enterprise Cloud 版在管理后台提供在线审阅与签署数据处理协议DPA的能力。此外还扩展了认证配置新增 OpenID Connect 提供商并优化了浏览器打印如 Wiki 页面的排版。下文将逐项拆解每个能力的实现细节与使用方式。2. WYSIWYG 文本编辑器样式重构与 CKEditor 5 升级2.1 本次改进覆盖的范围11.1 对 WYSIWYG 编辑器的改进不只是换皮肤而是覆盖了文本、标题、表格、目录Table of Contents布局等一整套排版体系。发布说明明确指出该改进不仅作用于 Wiki 页面也作用于其他文本字段——例如工作包的描述字段这意味着同一套样式与宏能力在 Wiki、工作包描述、自定义文本组件等场景中保持一致。2.2 底层支撑CKEditor 5 升级到 23.0.0为达成上述改进11.1 将 CKEditor 5 升级至 23.0.0变更项见 发布说明 中 #34595 Update CK Editor 5 to version 23.0.0。从当前仓库源码可以看到 OpenProject 对 CKEditor 的深度集成方式集成入口位于 ckeditor-setup.service.ts通过create()方法在包装元素上创建编辑器实例并区分full与constrained两种编辑器类型ICKEditorType编辑器按需动态加载load()使用动态import()加载core-vendor/ckeditor/ckeditor包并在浏览器空闲时预取prefetch同时按当前 UI 语言加载对应翻译文件vendor/ckeditor/translations/${locale}.js见 ckeditor-setup.service.ts通过resolveMacros()方法控制宏Macro插件的启用范围resource启用目录ToC、嵌入表格、工作包按钮与工作包快捷信息四类宏wiki仅启用 Wiki 页面链接宏且仅在系统配置了 Wiki 提供方时追加wikiLinkMacros数组见 ckeditor-setup.service.ts。也就是说目录布局改进并非静态样式而是由OPMacroToc这类宏插件驱动配合样式文件如 frontend/src/global_styles/content/editor/_ckeditor.sass共同呈现。2.3 11.1 中与编辑器相关的缺陷修复版本同时修复了一批编辑器回归问题侧面反映了本次重构的涉及面之广预览模式下格式化未正确应用#35593标题下缺少线条#35603表格左移添加时出现极小列、编辑态下表头格式化未生效#35610与 ToC 同一行的宏导致目录链接失效#35611更新到 11.1 后代码片段相互嵌套显示#35628更新后图片默认左对齐#35629表格单元格内单词内换行异常#35644无法在不重复编号的情况下设置编号标题的目录#35656标题自定义类支持变更项 #35104 Add custom classes to the CKEditor elements。这些修复项几乎都围绕编辑态与预览态一致性表格与目录布局展开与本次样式重构的主题一一对应可视为同一技术工作的收尾闭环。3. 通知直接显示用户姓名3.1 功能说明在 11.1 之前工作包评论中 提及某位成员时编辑模式下往往只显示半成品或不直观的占位容易 错人。11.1 之后编辑态中 提及的用户姓名会被直接渲染显示从而更便捷地通知到正确的团队成员。对应变更项为 #32645 mention should show user name in the editor。3.2 对协作流程的意义从使用场景看该能力降低了通知发错人的隐性成本当评论内容较长、涉及多个参与者时编辑者可以立即确认每个 指向的成员姓名与头像是否正确无需切换到预览态。这一改进与 OpenProject 的实时协作定位一致——发布说明中专门配图演示了编辑态下的 通知展示效果。4. 甘特图项目里程碑单行聚合4.1 功能说明11.1 允许用户将项目在甘特图中按项目聚合里程碑显示在单一行中按项目分组后点击 collapse all全部折叠按钮可将分组行收起收起后该项目的里程碑仍然聚合显示在一行中用户可以快速获得项目所有关键交付日期的总览。4.2 使用方式与场景典型用法是在甘特图Gantt chart视图下按项目分组浏览多项目组合Portfolio计划展开时查看各项目内部任务折叠时仍能在单一行中看到该项目所有里程碑的菱形标记与对应日期适合高层级的交付日期总览。对应变更项为 #34943 Display projects milestones in Gantt chart aggregated in single row。4.3 相关修复同区域还修复了 #34312 Wrong default settings for Gantt chart button in project list项目列表中甘特图按钮的默认设置错误保证入口默认行为正确。5. 工作包列表分组一键折叠 / 展开5.1 功能说明工作包表格支持按任意属性分组如负责人 assignee、状态 status、优先级 priority 或类型 type。11.1 在分组后工作包列表顶部新增 collapse all全部折叠与 expand all全部展开按钮可一次性收拢或展开组内的所有属性分组避免在大量分组间逐个点击。5.2 配套修复#35004 Boards view doesnt keep the list order (order of the columns)修复看板视图不保持列表列顺序的问题保证分组折叠与看板列排序行为一致#35620 500er server error when opening query修复打开查询时的服务器端 500 错误保障分组视图加载稳定性。6. Enterprise CloudGDPR 数据处理协议DPA在线签署6.1 背景对欧盟客户而言GDPR 要求在使用 Enterprise Cloud 版之前签署数据处理协议Data Processing Agreement有时也称数据处理附录。此前该流程完全人工处理用户打印文档、填写信息、寄回OpenProject 再签署并寄回双方成本都很高。6.2 11.1 的自动化方案11.1 将该流程自动化显著减少双方人工负担让合规流程更容易执行入口Administration → GDPR能力在管理后台在线审阅并签署 DPA 文档。配套修复包括 DPA 邮件文案拼写错误#35653与 OpenProject 内 DPA 文本拼写错误#35654说明该模块在 11.1 中经过了完整的打磨。7. 其他改进OpenID Connect 与打印优化除上述主线功能外11.1 还包含两项值得注意的改进认证配置扩展为认证配置authentication profile新增OpenID Connect 提供商使基于 OIDC 的单点登录接入更完整浏览器打印优化优化了通过浏览器打印功能如打印 Wiki 页面时的排版输出。在安全与身份认证方面OpenID Connect 提供商与仓库中已有的 modules/openid_connect 模块体系相互配合使 Enterprise/Community 版在身份联邦场景下具备更灵活的接入方式。8. 11.1 完整 Bug 修复与变更清单发布说明汇总了全部变更项与修复项以下为完整清单编号对应 OpenProject 社区工作包变更Changed提及应在编辑器中显示用户名#32645将 CKEditor 5 升级到 23.0.0#34595甘特图中项目里程碑聚合显示在单行#34943为 CKEditor 元素添加自定义类#35104更改项目列表菜单项的图标与文案#35436修复Fixed项目列表中甘特图按钮的默认设置错误#34312锁定的工作包在项目复制时不复制#34496看板视图不保持列顺序#35004标题caption被复制进描述并重复出现#35123复制预算手动设置的成本被重置为按数量推导的成本#35484管理 群组中显示 Translation missing#35578WYSIWYG 编辑器预览中格式未正确应用#35593在 Wiki 页面标题添加 . 时项目出现内部错误#35594WYSIWYG 编辑器中标题下缺少线条#35603WYSIWYG 表格向左添加到表头列旁时出现极小列 / 编辑中表头格式未生效#35610宏与 ToC 同一行时目录链接不可用#35611打开查询时出现 500 服务器错误#35620访问用户专属活动页面时 500#35621工作包表单显示 no end date 而非 no finish date#35624升级到 11.1 后代码片段相互嵌套显示#35628升级到 OpenProject 11.1 后图片左对齐#35629在 qa-edge 选择用户链接时内部错误#35640表格单元格内单词内换行#35644DPA 邮件中的拼写错误#35653OpenProject 中 DPA 文本的拼写错误#35654无法在不重复编号的情况下为目录设置编号标题#356569. 安装与升级到 11.19.1 立即体验的途径Enterprise Cloud创建一个实例即可立即使用 11.1并支持14 天免费试用自托管on-premises可参考 安装指南 在自有基础设施上部署Community → Enterprise 升级在Administration → Enterprise Edition中直接申请 14 天免费试用 Token无需离开当前 Community 安装。9.2 从旧版本迁移对于打包安装packaged或 Docker 安装的用户请遵循 升级指南 将现有安装升级到 11.0/11.1。需要注意升级指南页面顶部的蓝色提示框通常包含备份、版本跳转限制等关键注意事项。Enterprise Cloud托管环境由官方自动更新用户无需执行迁移操作。10. 致谢与后续版本11.1 的实现离不开社区贡献包括所有参与开发、设计、项目管理的贡献者赞助部分开源特性并将其贡献给 Community 的科隆市City of Cologne创建特性请求与报告缺陷的用户以及通过 CrowdIn 提供翻译的贡献者。版本致谢中还专门列出了报告并定位缺陷的社区成员。OpenProject 的后续版本演进可以在社区开发路线图中预览。对于希望深入了解 11.1 各能力底层实现的读者建议从以下仓库位置继续阅读编辑器集成核心ckeditor-setup.service.ts编辑器全局样式frontend/src/global_styles/content/editor/_ckeditor.sassOpenID Connect 模块modules/openid_connect完整版本说明原文docs/release-notes/11/11-1-0/README.md【免费下载链接】openprojectOpenProject is the leading open source project management software for product, project and portfolio management. A powerful Jira alternative with agile planning, issue tracking, roadmaps, Gantt charts, time tracking, collaboration features, and more. Available on premises or in the cloud. ⭐ Star us on GitHub项目地址: https://gitcode.com/GitHub_Trending/op/openproject创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 OpenProject 11.1.0 版本技术解读：WYSIWYG 编辑器重构、Gantt 里程碑聚合与工作包分组折叠实战
OpenProject 11.1.0 版本技术解读WYSIWYG 编辑器重构、Gantt 里程碑聚合与工作包分组折叠实战【免费下载链接】openprojectOpenProject is the leading open source project management software for product, project and portfolio management. A powerful Jira alternative with agile planning, issue tracking, roadmaps, Gantt charts, time tracking, collaboration features, and more. Available on premises or in the cloud. ⭐ Star us on GitHub项目地址: https://gitcode.com/GitHub_Trending/op/openprojectOpenProject 11.1.0发布于 2020-12-17是一次聚焦经典与敏捷项目管理体验打磨的特性版本核心工作集中在富文本编辑器CKEditor 5 升级至 23.0.0的样式体系重构、通知内联用户名的直接展示、甘特图中项目里程碑的单行聚合以及工作包列表分组的一键折叠。本文基于 版本说明原文 展开并结合仓库前端源码CKEditor 集成层、工作包表格与甘特图相关实现补充底层原理与可验证依据帮助读者理解这些 UI 能力背后的实现方式以及如何安装、升级到该版本。1. 版本概览一次面向协作体验的迭代OpenProject 11.1.0 的发布说明将其定位为带来大量新特性与缺陷修复同时改进经典与敏捷项目管理体验的版本。从变更清单看本次迭代的主线可以归纳为四条编辑器体验重构 WYSIWYG 富文本编辑器含 Wiki 页面、工作包描述等所有文本域的排版样式并升级底层 CKEditor 5 到 23.0.0协作通知在编辑工作包评论进行 通知时直接显示被提及用户的姓名降低选错成员的概率可视化聚合甘特图支持将项目的里程碑按项目聚合到单一行一键折叠后仍能总览关键交付日期企业合规流程Enterprise Cloud 版在管理后台提供在线审阅与签署数据处理协议DPA的能力。此外还扩展了认证配置新增 OpenID Connect 提供商并优化了浏览器打印如 Wiki 页面的排版。下文将逐项拆解每个能力的实现细节与使用方式。2. WYSIWYG 文本编辑器样式重构与 CKEditor 5 升级2.1 本次改进覆盖的范围11.1 对 WYSIWYG 编辑器的改进不只是换皮肤而是覆盖了文本、标题、表格、目录Table of Contents布局等一整套排版体系。发布说明明确指出该改进不仅作用于 Wiki 页面也作用于其他文本字段——例如工作包的描述字段这意味着同一套样式与宏能力在 Wiki、工作包描述、自定义文本组件等场景中保持一致。2.2 底层支撑CKEditor 5 升级到 23.0.0为达成上述改进11.1 将 CKEditor 5 升级至 23.0.0变更项见 发布说明 中 #34595 Update CK Editor 5 to version 23.0.0。从当前仓库源码可以看到 OpenProject 对 CKEditor 的深度集成方式集成入口位于 ckeditor-setup.service.ts通过create()方法在包装元素上创建编辑器实例并区分full与constrained两种编辑器类型ICKEditorType编辑器按需动态加载load()使用动态import()加载core-vendor/ckeditor/ckeditor包并在浏览器空闲时预取prefetch同时按当前 UI 语言加载对应翻译文件vendor/ckeditor/translations/${locale}.js见 ckeditor-setup.service.ts通过resolveMacros()方法控制宏Macro插件的启用范围resource启用目录ToC、嵌入表格、工作包按钮与工作包快捷信息四类宏wiki仅启用 Wiki 页面链接宏且仅在系统配置了 Wiki 提供方时追加wikiLinkMacros数组见 ckeditor-setup.service.ts。也就是说目录布局改进并非静态样式而是由OPMacroToc这类宏插件驱动配合样式文件如 frontend/src/global_styles/content/editor/_ckeditor.sass共同呈现。2.3 11.1 中与编辑器相关的缺陷修复版本同时修复了一批编辑器回归问题侧面反映了本次重构的涉及面之广预览模式下格式化未正确应用#35593标题下缺少线条#35603表格左移添加时出现极小列、编辑态下表头格式化未生效#35610与 ToC 同一行的宏导致目录链接失效#35611更新到 11.1 后代码片段相互嵌套显示#35628更新后图片默认左对齐#35629表格单元格内单词内换行异常#35644无法在不重复编号的情况下设置编号标题的目录#35656标题自定义类支持变更项 #35104 Add custom classes to the CKEditor elements。这些修复项几乎都围绕编辑态与预览态一致性表格与目录布局展开与本次样式重构的主题一一对应可视为同一技术工作的收尾闭环。3. 通知直接显示用户姓名3.1 功能说明在 11.1 之前工作包评论中 提及某位成员时编辑模式下往往只显示半成品或不直观的占位容易 错人。11.1 之后编辑态中 提及的用户姓名会被直接渲染显示从而更便捷地通知到正确的团队成员。对应变更项为 #32645 mention should show user name in the editor。3.2 对协作流程的意义从使用场景看该能力降低了通知发错人的隐性成本当评论内容较长、涉及多个参与者时编辑者可以立即确认每个 指向的成员姓名与头像是否正确无需切换到预览态。这一改进与 OpenProject 的实时协作定位一致——发布说明中专门配图演示了编辑态下的 通知展示效果。4. 甘特图项目里程碑单行聚合4.1 功能说明11.1 允许用户将项目在甘特图中按项目聚合里程碑显示在单一行中按项目分组后点击 collapse all全部折叠按钮可将分组行收起收起后该项目的里程碑仍然聚合显示在一行中用户可以快速获得项目所有关键交付日期的总览。4.2 使用方式与场景典型用法是在甘特图Gantt chart视图下按项目分组浏览多项目组合Portfolio计划展开时查看各项目内部任务折叠时仍能在单一行中看到该项目所有里程碑的菱形标记与对应日期适合高层级的交付日期总览。对应变更项为 #34943 Display projects milestones in Gantt chart aggregated in single row。4.3 相关修复同区域还修复了 #34312 Wrong default settings for Gantt chart button in project list项目列表中甘特图按钮的默认设置错误保证入口默认行为正确。5. 工作包列表分组一键折叠 / 展开5.1 功能说明工作包表格支持按任意属性分组如负责人 assignee、状态 status、优先级 priority 或类型 type。11.1 在分组后工作包列表顶部新增 collapse all全部折叠与 expand all全部展开按钮可一次性收拢或展开组内的所有属性分组避免在大量分组间逐个点击。5.2 配套修复#35004 Boards view doesnt keep the list order (order of the columns)修复看板视图不保持列表列顺序的问题保证分组折叠与看板列排序行为一致#35620 500er server error when opening query修复打开查询时的服务器端 500 错误保障分组视图加载稳定性。6. Enterprise CloudGDPR 数据处理协议DPA在线签署6.1 背景对欧盟客户而言GDPR 要求在使用 Enterprise Cloud 版之前签署数据处理协议Data Processing Agreement有时也称数据处理附录。此前该流程完全人工处理用户打印文档、填写信息、寄回OpenProject 再签署并寄回双方成本都很高。6.2 11.1 的自动化方案11.1 将该流程自动化显著减少双方人工负担让合规流程更容易执行入口Administration → GDPR能力在管理后台在线审阅并签署 DPA 文档。配套修复包括 DPA 邮件文案拼写错误#35653与 OpenProject 内 DPA 文本拼写错误#35654说明该模块在 11.1 中经过了完整的打磨。7. 其他改进OpenID Connect 与打印优化除上述主线功能外11.1 还包含两项值得注意的改进认证配置扩展为认证配置authentication profile新增OpenID Connect 提供商使基于 OIDC 的单点登录接入更完整浏览器打印优化优化了通过浏览器打印功能如打印 Wiki 页面时的排版输出。在安全与身份认证方面OpenID Connect 提供商与仓库中已有的 modules/openid_connect 模块体系相互配合使 Enterprise/Community 版在身份联邦场景下具备更灵活的接入方式。8. 11.1 完整 Bug 修复与变更清单发布说明汇总了全部变更项与修复项以下为完整清单编号对应 OpenProject 社区工作包变更Changed提及应在编辑器中显示用户名#32645将 CKEditor 5 升级到 23.0.0#34595甘特图中项目里程碑聚合显示在单行#34943为 CKEditor 元素添加自定义类#35104更改项目列表菜单项的图标与文案#35436修复Fixed项目列表中甘特图按钮的默认设置错误#34312锁定的工作包在项目复制时不复制#34496看板视图不保持列顺序#35004标题caption被复制进描述并重复出现#35123复制预算手动设置的成本被重置为按数量推导的成本#35484管理 群组中显示 Translation missing#35578WYSIWYG 编辑器预览中格式未正确应用#35593在 Wiki 页面标题添加 . 时项目出现内部错误#35594WYSIWYG 编辑器中标题下缺少线条#35603WYSIWYG 表格向左添加到表头列旁时出现极小列 / 编辑中表头格式未生效#35610宏与 ToC 同一行时目录链接不可用#35611打开查询时出现 500 服务器错误#35620访问用户专属活动页面时 500#35621工作包表单显示 no end date 而非 no finish date#35624升级到 11.1 后代码片段相互嵌套显示#35628升级到 OpenProject 11.1 后图片左对齐#35629在 qa-edge 选择用户链接时内部错误#35640表格单元格内单词内换行#35644DPA 邮件中的拼写错误#35653OpenProject 中 DPA 文本的拼写错误#35654无法在不重复编号的情况下为目录设置编号标题#356569. 安装与升级到 11.19.1 立即体验的途径Enterprise Cloud创建一个实例即可立即使用 11.1并支持14 天免费试用自托管on-premises可参考 安装指南 在自有基础设施上部署Community → Enterprise 升级在Administration → Enterprise Edition中直接申请 14 天免费试用 Token无需离开当前 Community 安装。9.2 从旧版本迁移对于打包安装packaged或 Docker 安装的用户请遵循 升级指南 将现有安装升级到 11.0/11.1。需要注意升级指南页面顶部的蓝色提示框通常包含备份、版本跳转限制等关键注意事项。Enterprise Cloud托管环境由官方自动更新用户无需执行迁移操作。10. 致谢与后续版本11.1 的实现离不开社区贡献包括所有参与开发、设计、项目管理的贡献者赞助部分开源特性并将其贡献给 Community 的科隆市City of Cologne创建特性请求与报告缺陷的用户以及通过 CrowdIn 提供翻译的贡献者。版本致谢中还专门列出了报告并定位缺陷的社区成员。OpenProject 的后续版本演进可以在社区开发路线图中预览。对于希望深入了解 11.1 各能力底层实现的读者建议从以下仓库位置继续阅读编辑器集成核心ckeditor-setup.service.ts编辑器全局样式frontend/src/global_styles/content/editor/_ckeditor.sassOpenID Connect 模块modules/openid_connect完整版本说明原文docs/release-notes/11/11-1-0/README.md【免费下载链接】openprojectOpenProject is the leading open source project management software for product, project and portfolio management. A powerful Jira alternative with agile planning, issue tracking, roadmaps, Gantt charts, time tracking, collaboration features, and more. Available on premises or in the cloud. ⭐ Star us on GitHub项目地址: https://gitcode.com/GitHub_Trending/op/openproject创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考