【分享】一个自用的表格挂件——LuckySheet

本贴最后更新于 573 天前,其中的信息可能已经时移俗易

前言

笔记里的表格我平时用的不多,想起来做这个挂件是因为这两天要把之前一些 Excel 里的数据迁移到笔记里,但是发现粘贴进来的效果没有达到预期,所以去找了大佬的开源库做成了挂件,暂时解决一下。既然都做好了,就顺便分享给大家,如果能帮到有同样困扰的人,那就再好不过了。

大佬的 Github 仓库:https://github.com/mengshukeji/Luckysheet

这个表格本身的功能很强大,挂件这里只用到了其中一部分。

用这个表格的时候,没找到【清除格式】的按钮,但是用【格式刷】、【单元格颜色】-重置颜色 这两个功能组合一下,也能清除格式,这会在视频中演示。

视频演示

演示内容:

  1. 图表绘制
  2. 清除格式
  3. 将 wps 表格中的内容粘贴到挂件中
  4. 超链接
  5. 查找功能
  6. 保存数据——数据保存到挂件块的【属性】—【备注】中

挂件压缩包

1、初次提交

LuckySheet.rar

2、添加【钉住】按钮

LuckySheet.zip

使用中突然发现表格喜欢乱跳,用的不舒服,故在右上角加了一个【钉住】按钮,点一下,固定窗口,再点一下还原。

截图:

表格截图.png

3、添加全屏按钮、添加快捷键 Ctrl+S

表格.zip

  • 修正获取挂件 ID 的方式;
  • 添加【全屏】按钮
  • 添加快捷键 ctrl+s,用于保存表格数据;

备注:挂件中【全屏】按钮要生效的话,需要到主题的 theme.css 中添加一个样式:

.fullScreen2 {
    position: fixed;
    top: 30px;
    left: 0;
    width: 100vw !important;
    height: 95vh !important;
    z-index: 200;
}
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22019 引用 • 87804 回帖 • 2 关注
4 操作
someone69799 在 2023-04-12 12:51:14 更新了该帖
someone69799 在 2022-10-29 19:08:27 更新了该帖
someone69799 在 2022-10-29 18:27:24 更新了该帖
someone69799 在 2022-05-05 09:57:18 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 集市版也不能用,插入后 如 截图思源笔记版本 2.0.7截屏 2022051216.27.18.png

  • 其他回帖
  • image.png

    我之前实现了一下 luckysheet 的文件保存到 assets、导入 excel、导出 excel 的功能,可以参考一下 ccsyluckysheet.zip

    另外,老哥考虑下上架集市不?😋

    2 回复
  • someone69799
    作者

    编辑的时候,表格好像容易乱跳,还是加个【钉住】按钮固定一下好一点;

    LuckySheet 钉住.rar

  • 使用 data-assets 属性可以将数据加载到思源的附件文件夹里,这样能够避免 dom 属性过长的问题,接口在 api 文档里可以看到

    async function 设置思源块属性(思源伺服ip,apitokn,内容块id,属性名,属性值){
        let 真实属性名 = 属性名.slice(0)
        if (属性名 !='name'&&属性名!='alias'&&属性名!='memo'&&属性名!='bookmark'&&属性名!='style' &&属性名!="data-assets"){
            if(属性名.slice(0,7)!="custom-"){ 真实属性名= "custom-"+属性名}
        }
        let 属性对象={}
        属性对象[真实属性名]=属性值
      
    
        let data = {"id":内容块id,"attrs":属性对象}
        let url = 'http://'+思源伺服ip+'/api/attr/setBlockAttrs'
        let res =  await 向思源请求数据(url,apitokn,data)
        return res["data"]
        //返回空数据
    }
    
  • 查看全部回帖