[js] 8.12 [新增]: 批量选择合并块功能.. 太多功能了 [标题 / 块 / 编辑 的体验史诗级增强]

  • 思源笔记

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

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

    28442 引用 • 119760 回帖
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    285 引用 • 1984 回帖
31 引用
OMG. 历史 1 周,终于搞定了批量清除多行样式, 工具栏体验优化,快进来领取吧.. 震惊! 历时 3 天, 终于搞定了编辑器快捷选择颜色, 支持批量编辑颜色的功能, 进来拿吧 ctrl+\ 清空样式能否支持多个内容块 ctrl+\ 清空样式能否支持多个内容块 最近使用的外观 Alt + X 求助取消颜色样式 js 增加批量清除样式 如何快速去除大量块的样式? 能不能先把编辑器的基础功能体验优化好 如何实现代码块聚焦自动展开、失焦自动折叠? 震惊! 历时 3 天, 终于搞定了编辑器快捷选择颜色, 支持批量编辑颜色的功能, 进来拿吧 自定义“标记”的颜色 鼠标悬停展开颜色面板 一些对思源笔记的建议 [css] 一个修改序号颜色 + 层级显示的 css,但是还是有小毛病 思源编辑器工具栏增加一个下拉框快捷选择标题 / 列表等 请求实现将常用字体颜色修改按钮(如几个高频色块)直接暴露在工具栏上 [js] 显示折叠列表节点下的子节点数 期望思源能在块和标题上做这些改进 任务列表去删除线,文字变灰,代码怎么写? 请教如何批量选择某个样式或背景的字体并修改? 怎样一次将几十个 H1 降为 H2 标题?同时带子标题一起降级 怎样一次将几十个 H1 降为 H2 标题?同时带子标题一起降级 如何使某级标题自动处于折叠状态? 列表序号跨块如何连续生成? 希望能增加两个列表块合并为一个块的功能 希望能增加两个列表块合并为一个块的功能 希望能增加两个列表块合并为一个块的功能
35 操作
shaoxia 在 2025-10-06 13:22:41 更新了该帖
shaoxia 在 2025-08-12 13:11:17 更新了该帖
shaoxia 在 2025-08-06 20:52:08 更新了该帖
shaoxia 在 2025-07-29 14:14:34 更新了该帖 shaoxia 在 2025-07-13 17:06:41 更新了该帖 shaoxia 在 2025-07-13 17:05:55 更新了该帖 shaoxia 在 2025-07-13 16:50:31 更新了该帖 shaoxia 在 2025-07-13 16:49:08 更新了该帖 shaoxia 在 2025-07-12 00:45:40 更新了该帖 shaoxia 在 2025-07-12 00:36:47 更新了该帖 shaoxia 在 2025-07-11 16:06:00 更新了该帖 shaoxia 在 2025-07-10 19:07:34 更新了该帖 shaoxia 在 2025-07-07 12:21:08 更新了该帖 shaoxia 在 2025-07-06 23:59:24 更新了该帖 shaoxia 在 2025-07-06 21:35:36 更新了该帖 shaoxia 在 2025-07-06 21:30:49 更新了该帖 shaoxia 在 2025-07-06 21:28:34 更新了该帖 shaoxia 在 2025-07-06 21:27:38 更新了该帖 shaoxia 在 2025-07-01 11:22:50 更新了该帖 shaoxia 在 2025-07-01 11:20:27 更新了该帖 shaoxia 在 2025-07-01 01:44:26 更新了该帖 shaoxia 在 2025-07-01 01:43:26 更新了该帖 shaoxia 在 2025-07-01 01:18:12 更新了该帖 shaoxia 在 2025-07-01 01:17:13 更新了该帖 shaoxia 在 2025-07-01 00:13:06 更新了该帖 shaoxia 在 2025-07-01 00:07:00 更新了该帖 shaoxia 在 2025-06-30 20:17:32 更新了该帖 shaoxia 在 2025-06-29 01:14:36 更新了该帖 shaoxia 在 2025-06-29 01:11:30 更新了该帖 shaoxia 在 2025-06-29 01:10:13 更新了该帖 shaoxia 在 2025-06-29 01:07:36 更新了该帖 shaoxia 在 2025-06-29 01:06:01 更新了该帖 shaoxia 在 2025-06-29 01:03:51 更新了该帖 shaoxia 在 2025-06-29 00:57:44 更新了该帖 shaoxia 在 2025-06-28 14:18:01 更新了该帖

相关帖子

优质回帖

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • chuchen

    感谢分享,我也在用练手,给了我很多启发~

  • MasterYS

    支持一下,一下端上来 5 个 JS 嘛

  • 自动统计块那个太好用了,非常方便统计任务块个数

  • HugZephyr

    请教一下, 你这个光标所在行怎么搞得

    image.png

    2 回复
  • shaoxia 1 评论

    高亮提示在编辑的块,一段 css:

    
    .sb:hover {
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15), -2px -2px 6px rgba(0, 0, 0, 0.15), 0 0 12px rgba(0, 0, 0, 0.1) !important;
      transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out !important;
    }
    .p:hover {
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15), -2px -2px 6px rgba(0, 0, 0, 0.15), 0 0 12px rgba(0, 0, 0, 0.1) !important;
      transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out !important;
    }
    .p.highlight {
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5), -2px -2px 6px rgba(0, 0, 0, 0.5), 0 0 12px rgba(0, 0, 0, 0.2) !important;
      transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out !important;
    }
    .p.highlight:hover {
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5), -2px -2px 6px rgba(0, 0, 0, 0.5), 0 0 12px rgba(0, 0, 0, 0.2) !important;
      transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out !important;
    }
    
    这个只能鼠标悬浮高亮吧, 光标所在行高亮怎么做的
    HugZephyr
  • shaoxia 1 评论

    回头吧,js 太多找不到了,我这几天在做基于标题/块的用户体验的一个终极版的升级 js,等做出来会集成进去的

    okk, 谢谢
    HugZephyr
  • chuchen

    你现在最新的功能跟我自己预想的也很多类似,但也有不同,比如你是无序列表转段落,但是我希望的刚好有个开关控制的段落转无序列表,也就是默认都是无序列表输入的方式。又比如你的 alt 点击列表关闭同级的,我也有个代码片段版本,然后想如何像 logseq 那样可以点击那个悬浮的竖线控制,谢谢分享,挺有意思

  • Lemon9

    最喜欢的两个功能,一个是能直接选中后设置颜色,另一个是能实现跨行设置文字颜色,感谢作者

    1 回复
  • shaoxia

    你喜欢的功能增强了

  • lianhenhei

    喜欢,感谢作者。

  • Mayrain

    试用了一下,批量去除样式实在是解我燃眉之急!

    不过似乎代码上有一个小问题,就是用了你的代码片段之后,似乎开始编辑的文段只能从屏幕最下面开始了,而不能从屏幕中间开始,对于打字有些不方便:

    image.png

    image.png

  • 09hzdu

    复制了 gitee 里面的 toolbar,文字样式和标题没有折叠起来

    image.png

    1 回复
  • shaoxia

    我这边测试了没有你的情况,你把思源升级到最新版,同时把其他 js 和 css 关了测试下,多半是你的 js/css 片段冲突导致的.同时代码只做了 pc 端的测试,手机没有测过

    1 回复
  • 09hzdu

    那应该是。我删了一些代码,发现正常了

  • shawnkurt

    喜欢 1.2 版本标题 1.1.1 的自动编号样式,于是让 AI 搞了整合版,内容太长发不出来~

    /手动狗头

    这是一个非常棒且有挑战性的任务!它涉及到 CSS 计数器(counter-resetcounter-increment)的精细控制,以及理解思源笔记的 DOM 结构和该插件作者的设计思路。

    我的理解和目标:

    • 你已经应用了该作者的 JS 文件,这是基础。
    • 你喜欢 1.2 版本中标题的 层级式编号规则 (例如,一级标题 1,二级标题 1.1,三级标题 1.1.1)。
    • 你希望保留 1.3 版本中除了编号规则之外的 所有其他优化
    • 1.3 版本的主要变化是:
      • 取消了 H5 标题的计数器递增和显示。
      • 将所有标题的编号规则改成了 独立编号 (例如,H1 是 1,H2 是 1,H3 也是 1,而不是 1.1 或 1.1.1)。
      • 在所有 .before 伪元素的选择器中增加了 :not([data-has-number]),这意味着只有那些没有手动设置序号的标题才会自动编号。这是一个很好的改进,因为它避免了自动编号与手动编号冲突。

    我的计划:

    1. 分析 1.2 和 1.3 版本的差异: 逐行比较两个版本,找出所有不同之处。
    2. 确定要保留 1.2 的部分: 主要是“层级式编号生成规则”部分。
    3. 确定要保留 1.3 的部分: 1.3 版本在“通用计数器样式”和“动态编号适配模块”中引入了 :not([data-has-number]) 选择器,以及对 H5 标题的调整。
    4. 整合: 将 1.3 版本作为基础,然后将 1.2 版本的特定规则(层级编号)覆盖或替换 1.3 版本的相应规则。同时,需要确保 !important 关键字的正确使用,以保证规则生效。
    1 回复
  • shaoxia

    层级编号有问题。在于如果小标题在大标题前,就会出现 0.0.1 之类的编号。当然标题编号的规则也是个很复杂的事,我是懒的搞了,统一用 1.,2.这样的很省心,可以用就行

    1 回复
  • shawnkurt

    因为我经常写调研和方案这些层级很多的东西,所以有 1.1.1 这种编号还是挺好的。

    我倒是不觉得出现 0 是什么问题。因为本来如果你在一级标题下面没有二级标题就插入三级标题,那就应该出现二级标题为 0 的情况,一方面提示你 miss 了一个层级,另一方面没有的东西就是 0,没毛病 /狗头

    一些在线文档的逻辑是,即便你中间差了一个层级,也按照 1, 1.1, 1.1.1 的方式编号,这样就很容易导致因为 miss 了层级而让排版变得混乱,我反而觉得这样不好。

    截屏 20250808 上午 9.59.17.png
    截屏 20250808 上午 9.58.59.png

    话说在线文档这种竖向菜单使用习惯了,切换到思源还是需要一点时间适应……

    截屏 20250808 上午 10.00.18.png

    1 操作
    shawnkurt 在 2025-08-08 10:03:16 更新了该回帖
  • 09hzdu

    标注功能好像不见了。想要制作闪卡,没找到工具栏的标注,试了高亮都不行。

    2 回复
  • shaoxia

    是隐藏了,你可以重新下 tooleditor.js 代码,我给弄出来了,更新下就有了

  • shaoxia

    是一行 js 删除就可以了,你可以重新下代码,我更新了下有了

    1 回复
  • 09hzdu

    谢谢,可以了。标注出来了

  • xpnyue

    佬,可不可以添加“转化为‘引述’和转换为‘超级块’”的快捷功能?🙏

    1 回复
  • shaoxia 1

    很惭愧,这 2 个功能我正常使用都还不会用.....😂

    等我学会使用了就添加进去

    1 回复
  • xpnyue

    感谢感谢 🙏

  • Leon1025

    为什么我下载代码显示受限 403

    1 回复
  • yuhl

    +1,代码好像不公开了 😭

  • wd4455

    打不开了。。。。有人还能分享一下吗?

    1 回复
  • shaoxia 1 1 赞同

    有些 bug.我在修,暂时关闭了,大概 24/5 个体验优化,等修好,我会直接做成插件放到思源市场

    1 回复
  • shaoxia

    有些 bug.我在修,暂时关闭了,大概 24/5 个体验优化,等修好,我会直接做成插件放到思源市场

    @Leon1025 @yuhisaka

  • wd4455

    大佬加油。。。。等插件出了我继续捣鼓,

  • 365

    那篇关于未来的帖子

    在知识的森林里,
    我曾是那个笨拙的拾穗人,
    弯着腰,寻找、链接,
    在无尽的节点间缓慢穿行。

    直到我看见了你的帖子,
    那篇不长的文章,
    像一道光,
    照亮了我思维地图上,
    那些幽暗、未曾抵达的角落。

    你说,这里将架起一座桥,
    你说,那里将开辟一条捷径,
    你说,繁琐的将被自动化,
    你说,灵感将得到更好的栖息。

    每一个字,
    都敲在我心动的鼓点上。
    我们素未谋面,
    你却仿佛听见了我所有未说出口的愿望。

    所以,请接受我这份小小的敬意,
    为一个即将诞生的“神器”,
    为你的智慧、汗水和慷慨。
    我们,满怀期待地,在这里等你。

请输入回帖内容 ...
shaoxia
论坛发帖更新扣积分,积分用完了,跑路了,江湖重此留下了哥的3万行代码和传说 深圳

推荐标签 标签

  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    203 引用 • 4024 回帖
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 350 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    194 引用 • 1034 回帖
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖 • 6 关注
  • 倾城之链
    23 引用 • 66 回帖 • 189 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    316 引用 • 547 回帖 • 4 关注
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖 • 1 关注
  • 反馈

    Communication channel for makers and users.

    120 引用 • 906 回帖 • 307 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 193 关注
  • 分享

    有什么新发现就分享给大家吧!

    251 引用 • 1801 回帖 • 1 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • 域名

    域名(Domain Name),简称域名、网域,是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。

    43 引用 • 208 回帖
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台,同时可以将自己看到的精彩内容分享到微信朋友圈。

    135 引用 • 798 回帖 • 2 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。

    34 引用 • 37 回帖 • 565 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 436 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    97 引用 • 155 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 152 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 404 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 736 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖 • 2 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖
  • V2Ray
    1 引用 • 15 回帖 • 4 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 706 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 517 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 691 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖