登录 注册

文档显示行号

本贴最后更新于 293 天前，其中的信息可能已经时异事殊

请问现在支持在文档中显示行号吗？

和他人共享说明的时候，使用行号可以快速找到对应行。不仅是代码块，所有的文档都希望支持。请问有这个功能吗，貌似没有找到，obsidian 里面有。如果没有可以考虑支持吗？

  • 思源笔记

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

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

    26115 引用 • 108426 回帖
深圳 位置
1 关注
5 收藏
12 回帖
5
4
3
604 180 8 183 1 2 230

相关帖子

12 回帖
文档显示行号

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • wilsons • • 4
    付费者 捐赠者

    以下样式可以实现编辑器行号，请根据自身情况调整，详见注释说明。

    注意：这和 ob 不同，不是严格意义上的行号，是块的序号。

    .protyle-wysiwyg {
    counter-reset: line-number; /* 初始化计数器 */
}

.protyle-wysiwyg > div {
    counter-increment: line-number; /* 每个div递增计数器 */
}

.protyle-wysiwyg > div::before {
    content: counter(line-number) ""; /* 显示行号 */
    position: absolute;
    color: #999; /* 设置行号颜色 */
    left: -55px; /* 行号不右对齐情况下的，默认主题左边距 */
    /* 行号右对齐需要下面这几个样式，以下只是针对默认主题调整的 */
    text-align:right; /* 行号右对齐，需要配置下面两个参数 */
    left: -96px; /* 设置行号左边距，可根据自身情况调整 */
    min-width:56px; /* 最小宽度，可根据自身情况调整 */
}
​

    效果

    image.png

    1 回复
    1 引用
  • Iitachaaa •
    作者

    感谢回复，块行号可能无法满足使用需求

    1 回复
  • wilsons •
    付费者 捐赠者

    找到块，基本上就很接近了，目前这是最方便的了，只要你的块不是很大，内容很多，问题不大。

    思源里无法实现行号，我也曾试着通过编辑器高度和行高来模拟行号，但发现思源的块高度无规律，即块高并不能遵循行高的整数倍，这就导致行号无法准确计算并对齐行。

    另外，如果分享给别人，想让对方快速找到位置，也可以在文档顶部添加块引用，不过这也无法直接引用到块内部。

    1 回复
  • Iitachaaa •
    作者

    我们是需要在演示的时候使用，看的人如果要说明哪个地方有疑问之类的，有行号是最快的。

    思源里面一个有序列表、无序列表都是一个块，如果 10 条记录，就会只有一个序号。测试了下，可能很难观看 😂

    2 回复
  • wilsons •
    付费者 捐赠者

    理解了，你这种情况确实行号更适合，可惜限于思源块高无规律性，无法实现准确实现行号。

    但我觉得可以实现类似标尺功能，即左侧增加标尺，比如 10 像素为一个格，标上 10, 20, 30...，虽然不是行高，但确实能满足你的需求，大致能确定具体位置，比如某个标号上面或下面等。

  • wilsons • • 3
    付费者 捐赠者

    我实现了给编辑器增加标尺功能，与行号比可能不那么完美，但基本能满足需求。

    代码

    使用

    放到 js 代码片段中，然后重启思源即可。

    效果

    image.png

    5 回复
    1 引用
  • Iitachaaa •
    作者

    厉害了 确实 虽不完美 但已基本能用 点赞 谢谢

  • chenhao396 •
    订阅者 付费者 捐赠者

    大佬，这个代码好像没来，可以再发一遍吗

  • chenhao396 •
    订阅者 付费者 捐赠者

    大佬，为什么不能正常使用呢？
    image.png

  • chenhao396 •
    订阅者 付费者 捐赠者

    没事了，放错位置了 😂

  • chenhao396 •
    订阅者 付费者 捐赠者

    大佬，这个数字可以横向吗？image.png

    1 回复
  • wilsons •
    付费者 捐赠者

    搜索代码中的

    writing-mode: vertical-rl; /* 文字垂直书写 */
transform: rotate(180deg); /* 旋转文字 */
​

    改为

    transform: none;
writing-mode: lr;
​

    不过，如果数字太长时，还需要修改标尺宽度

    .ruler {
    width: 30px; /* 标尺宽度，根据自己的需要修改 */
}
​
请输入回帖内容 ...
Iitachaaa
深圳
回帖
19
 帖子
9
 积分
501

近期热议

推荐标签 标签

  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖
  • 招聘

    哪里都缺人，哪里都不缺人。

    188 引用 • 1057 回帖
  • Google

    Google（Google Inc.，NASDAQ：GOOG）是一家美国上市公司（公有股份公司），于 1998 年 9 月 7 日以私有股份公司的形式创立，设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”，它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎，它提供了简单易用的免费服务。不作恶（Don't be evil）是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • Word
    13 引用 • 41 回帖
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    336 引用 • 324 回帖
  • OpenCV
    15 引用 • 36 回帖 • 4 关注
  • 爬虫

    网络爬虫（Spider、Crawler），是一种按照一定的规则，自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • Access
    1 引用 • 3 回帖
  • 小薇

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

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

    35 引用 • 468 回帖 • 766 关注
  • Typecho

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

    12 引用 • 67 回帖 • 445 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    118 引用 • 54 回帖 • 2 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 562 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 10 关注
  • Postman

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

    4 引用 • 3 回帖 • 3 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 350 关注
  • OneDrive
    2 引用 • 4 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    46 引用 • 114 回帖 • 167 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商，致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景，七牛先后推出了对象存储，融合 CDN 加速，数据通用处理，内容反垃圾服务，以及直播云服务等。

    29 引用 • 230 回帖 • 125 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具，支持本地 Markdown 文件编辑，支持双向链接和关系图。

    A second brain, for you, forever.

    24 引用 • 242 回帖
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • 倾城之链
    23 引用 • 66 回帖 • 166 关注
  • Git

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

    211 引用 • 358 回帖
  • jQuery

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

    63 引用 • 134 回帖 • 734 关注
  • 游戏

    沉迷游戏伤身，强撸灰飞烟灭。

    187 引用 • 831 回帖
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    126 引用 • 74 回帖
  • 人工智能

    人工智能（Artificial Intelligence）是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    115 引用 • 318 回帖
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 642 关注

最新标签