登录 注册

文档显示行号

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

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

  • 思源笔记

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

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

    22351 引用 • 89431 回帖 • 1 关注
深圳 位置
1 关注
5 收藏
12 回帖
5
4
3
217 154 58 2 3

相关帖子

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 回复
  • Iitachaaa •
    作者

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

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

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

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

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

    1 回复
  • Iitachaaa •
    作者

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

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

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

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

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

  • wilsons • • 3
    付费者 捐赠者

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

    代码

    使用

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

    效果

    image.png

    5 回复
  • 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
深圳
回帖
18
 帖子
9
 积分
506

近期热议

推荐标签 标签

  • TensorFlow

    TensorFlow 是一个采用数据流图（data flow graphs），用于数值计算的开源软件库。节点（Nodes）在图中表示数学操作，图中的线（edges）则表示在节点间相互联系的多维数据数组，即张量（tensor）。

    20 引用 • 19 回帖
  • wolai

    我来 wolai：不仅仅是未来的云端笔记！

    2 引用 • 14 回帖
  • Ubuntu

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

    125 引用 • 169 回帖 • 1 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量，事件及实时分析。

    2 引用 • 72 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 210 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 94 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    729 引用 • 1327 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。

    29 引用 • 66 回帖
  • BAE

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

    19 引用 • 75 回帖 • 641 关注
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖
  • 知乎

    知乎是网络问答社区，连接各行各业的用户。用户分享着彼此的知识、经验和见解，为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 340 关注
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖 • 1 关注
  • 面试

    面试造航母，上班拧螺丝。多面试，少加班。

    325 引用 • 1395 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库，专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 62 关注
  • Dubbo

    Dubbo 是一个分布式服务框架，致力于提供高性能和透明化的 RPC 远程服务调用方案，是 [阿里巴巴] SOA 服务化治理方案的核心框架，每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持，并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 595 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    6 引用 • 14 回帖 • 2 关注
  • Bootstrap

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

    18 引用 • 33 回帖 • 660 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时，提供更无缝的用户体验。

    1 引用 • 2 回帖 • 48 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 4 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    88 引用 • 1235 回帖 • 411 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 21 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 52 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    222 引用 • 473 回帖
  • 百度

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

    63 引用 • 785 回帖 • 177 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    342 引用 • 708 回帖
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 26 关注

最新标签