找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-4-21 15:14  /   查看:2318  /  回复:0
在excel中,同一个单元格是允许设置不同的字体大小颜色等,而目前SpreadJS是不支持这样的方式。另外,还有朋友想要在单元格中有更多不一样的内容,例如像是一些比较复杂的公式,有一些特殊符号等。那么就可以通过我们富文本的功能来实现。那富文本,就可以参考我们学习指南进行设置。同样里面也包含了一个富文本编辑框,这边就不做过多的赘述了。
https://demo.grapecity.com.cn/sp ... ls/basic-rich-text#

我们这篇文章主要就来聊聊导入之后的富文本,因为前面所说的这个excel特性载入后如果不用富文本编辑器去设置,那么双击之后有可能就会变成了普通的文本。那这个时候,我们有两个方案:1、知道这个单元格是富文本,用右键菜单唤起富文本编辑器;2、不知道的情况下,我们可以通过监听双击事件来判断这个单元格是否有富文本。基本思路是,结合bootstrap通过$('#subEditor').modal('show')控制富文本框的显示,通过 $('#subEditor').modal('hide')控制富文本的隐藏。

第一个思路,我们需要先往右键菜单中添加我们对应的富文本项,也就是点击之后弹出富文本编辑器。然后注册弹出编辑器的命令。在execute中$('#subEditor').modal('show')控制富文本框的显示,并且调用spread.focus(false);使工作簿失去焦点。
image.png435511474.png

第二个思路就是利用事件实现,我们通过监听CellDoubleClick来监听双击事件。然后通过getValue来判断对应的值是否是富文本,如果单元格的值是非空且为富文本,那么我们再在里里面去监听弹出事件,使得表单失去焦点,进而让编辑器获取焦点。
image.png442248839.png

以上就是两个关于富文本编辑器的相关思路,感兴趣的朋友可以下载附件体验一波。当然,如果有更好的方案,也欢迎提供补充,这边也会有金币相送。

富文本_update.html

47.74 KB, 下载次数: 124

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部