首页
/ JSON-Joy项目v17.30.0版本发布:富文本编辑功能全面升级

JSON-Joy项目v17.30.0版本发布:富文本编辑功能全面升级

2025-07-10 20:18:40作者:袁立春Spencer

JSON-Joy是一个专注于JSON数据处理和协作编辑的JavaScript库,它提供了一系列强大的工具来处理JSON数据,包括CRDT(无冲突复制数据类型)实现、文本编辑功能等。在最新发布的v17.30.0版本中,项目重点增强了富文本编辑功能,特别是在Peritext(富文本CRDT)扩展和UI组件方面做出了重大改进。

富文本编辑功能增强

本次更新在json-crdt-extensions模块中引入了多项富文本处理能力的改进。开发团队对Fragment和Block类进行了泛型化改造,这使得类型系统能够更好地理解这些数据结构中存储的内容类型。同时,修复了分割标记处理中的一个重要问题,确保文本分割操作的正确性。

在富文本处理方面,新版本特别优化了HTML导入导出功能。现在系统能够更准确地解析HTML内容并转换为Peritext格式,同时改进了HTML标记的处理逻辑,特别是对于空的内联标签会进行智能忽略。这些改进使得JSON-Joy能够更好地与其他富文本编辑器进行数据交换。

剪贴板功能全面实现

v17.30.0版本在json-crdt-peritext-ui模块中实现了完整的剪贴板交互功能。这包括:

  1. 多种格式支持:现在支持以HTML、Markdown和纯文本等多种格式进行复制粘贴操作。系统会自动处理不同格式间的转换,确保数据在不同应用间迁移时的完整性。

  2. 事件系统:新增了完整的剪贴板事件接口,包括copy、cut和paste事件的发射器。这使得开发者可以更灵活地响应剪贴板操作,实现自定义的处理逻辑。

  3. 上下文菜单:改进了右键上下文菜单,新增了"Copy as..."和"Cut as..."等选项,让用户可以选择以特定格式进行复制操作。

  4. 数据转换:实现了专门的数据传输类(PeritextDataTransfer),负责处理不同格式间的数据转换。这使得粘贴操作能够智能地合并相邻的文本块,保持文档结构的整洁。

用户体验优化

除了核心功能增强外,新版本还包含多项用户体验改进:

  • 改进了单词选择逻辑,现在下划线字符(_)会被视为单词的一部分,这在处理代码或特殊标识符时特别有用。
  • 浮动工具栏现在会在失去焦点时自动隐藏,避免干扰用户操作。
  • 粘贴操作后光标会自动移动到适当位置,使编辑流程更加自然流畅。
  • 新增了清理功能区域,帮助用户快速整理文档格式。

技术实现亮点

在底层实现上,开发团队采用了模块化设计思路:

  1. 数据传输层:独立的数据传输处理模块负责格式转换,与核心编辑逻辑解耦。

  2. 状态管理:通过props暴露编辑器状态,使组件更容易集成到不同应用中。

  3. 同步处理:实现了同步的剪贴板写入方法,避免异步操作带来的复杂性。

  4. 类型安全:通过泛型增强了类型系统,减少了运行时错误的可能性。

这些改进使得JSON-Joy在富文本编辑领域的能力达到了新的高度,为开发者提供了更强大、更灵活的工具来构建协作式编辑应用。无论是处理简单的文本还是复杂的富文本文档,新版本都能提供出色的性能和用户体验。

登录后查看全文
热门项目推荐

热门内容推荐

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
178
263
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
868
514
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
130
183
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
288
323
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
398
373
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
note-gennote-gen
一款跨平台的 Markdown AI 笔记软件,致力于使用 AI 建立记录和写作的桥梁。
TSX
83
4
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
600
58
GitNextGitNext
基于可以运行在OpenHarmony的git,提供git客户端操作能力
ArkTS
10
3