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

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

2025-07-10 11:56:58作者:袁立春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在富文本编辑领域的能力达到了新的高度,为开发者提供了更强大、更灵活的工具来构建协作式编辑应用。无论是处理简单的文本还是复杂的富文本文档,新版本都能提供出色的性能和用户体验。

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

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
161
2.05 K
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
146
191
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
60
16
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
198
279
apintoapinto
基于golang开发的网关。具有各种插件,可以自行扩展,即插即用。此外,它可以快速帮助企业管理API服务,提高API服务的稳定性和安全性。
Go
22
0
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
949
556
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
96
15
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
346
1.33 K