登录 注册

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

  • 思源笔记

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

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

    28446 引用 • 119783 回帖
  • 代码片段

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

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

    285 引用 • 1986 回帖
31 引用
使用思源笔记有一个痛点，有可能解决吗？ • chuchen
[js] 批量把文档的网络图片转本地图片 • shaoxia
思源笔记如何调整多个段落的行内样式, 比如 Ctrl-B，多行加粗 • 5kyfkr
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 更新了该帖
深圳 位置
12 感谢
2 关注
21 收藏
5 赞同
31 引用
35 操作
32 回帖
4
2
2
2
1.0k 717 3 25 1 3 298

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • wd4455 •
    付费者

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

  • 其他回帖
  • Mayrain •

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

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

    image.png

    image.png

  • shawnkurt •
    付费者

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

    /手动狗头

    这是一个非常棒且有挑战性的任务！它涉及到 CSS 计数器（counter-reset 和 counter-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 • • 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
论坛发帖更新扣积分,积分用完了,跑路了,江湖重此留下了哥的3万行代码和传说 深圳
回帖
271
 帖子
51
 积分
2463

近期热议

推荐标签 标签

  • Ubuntu

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

    127 引用 • 169 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    215 引用 • 358 回帖
  • Sym

    Sym 是一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）系统平台。

    下一代的社区系统，为未来而构建

    524 引用 • 4602 回帖 • 731 关注
  • 电影

    这是一个不能说的秘密。

    125 引用 • 610 回帖
  • MySQL

    MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    695 引用 • 538 回帖 • 1 关注
  • 微软

    微软是一家美国跨国科技公司，也是世界 PC 软件开发的先导，由比尔·盖茨与保罗·艾伦创办于 1975 年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖 • 2 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件，它使得 Java 程序员能在不进行重部署的情况下，即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 693 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 633 关注
  • 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 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流，分享无限上传的图片，发布链接和视频，更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 443 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 702 关注
  • 千千插件

    千千块（自定义块 css 和 js）
    可以用 ai 提示词来无限创作思源笔记

    32 引用 • 69 回帖
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 646 关注
  • 博客

    记录并分享人生的经历。

    274 引用 • 2393 回帖 • 1 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    167 引用 • 408 回帖 • 494 关注
  • Typecho

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

    12 引用 • 67 回帖 • 436 关注
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    99 引用 • 367 回帖 • 1 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 577 关注
  • 百度

    百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 46 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司，即：Kunming Zunyuan Property Agency Company Limited（简称“尊园地产”）于 2007 年 6 月开始筹备，2007 年 8 月 18 日正式成立，注册资本 200 万元，公司性质为股份经纪有限公司，主营业务为：代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 838 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器，在 1999 年被捐献给 ASF（Apache Software Foundation），隶属于 Jakarta 项目，现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范，同时也提供 HTTP 服务，是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 3 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    950 引用 • 1460 回帖 • 2 关注
  • SQLite

    SQLite 是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    35 引用 • 468 回帖 • 768 关注
  • 脑图

    脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。

    40 引用 • 157 回帖
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证。

    5 引用 • 16 回帖 • 3 关注

最新标签