Derrick.Jiao 发表于 2022-4-21 15:14:46

富文本这么好用你确定不试试?

在excel中,同一个单元格是允许设置不同的字体大小颜色等,而目前SpreadJS是不支持这样的方式。另外,还有朋友想要在单元格中有更多不一样的内容,例如像是一些比较复杂的公式,有一些特殊符号等。那么就可以通过我们富文本的功能来实现。那富文本,就可以参考我们学习指南进行设置。同样里面也包含了一个富文本编辑框,这边就不做过多的赘述了。
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/basic-rich-text#

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

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


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


以上就是两个关于富文本编辑器的相关思路,感兴趣的朋友可以下载附件体验一波。当然,如果有更好的方案,也欢迎提供补充,这边也会有金币相送。
页: [1]
查看完整版本: 富文本这么好用你确定不试试?