登录 注册

文档显示行号

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

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

  • 思源笔记

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

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

    23014 引用 • 92570 回帖
深圳 位置
1 关注
5 收藏
12 回帖
5
4
3
250 155 89 2 4

相关帖子

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

近期热议

推荐标签 标签

  • 生活

    生活是指人类生存过程中的各项活动的总和，范畴较广，一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖 • 1 关注
  • 音乐

    你听到信仰的声音了么？

    61 引用 • 511 回帖
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • danl
    • 146 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 627 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖
  • 域名

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

    43 引用 • 208 回帖
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者规模的网站中的所有动作流数据。 这种动作（网页浏览，搜索和其他用户的行动）是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug（漏洞）。

    76 引用 • 1737 回帖
  • Tomcat

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

    162 引用 • 529 回帖 • 4 关注
  • Bootstrap

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

    18 引用 • 33 回帖 • 667 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器，详细介绍请看 将 Java Swing 应用变成 Web 应用 。

    1 引用 • 15 回帖 • 637 关注
  • Gzip

    gzip （GNU zip）是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件，它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

    9 引用 • 12 回帖 • 147 关注
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 2 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的 18 人，于 1999 年在中国杭州创立，他们相信互联网能够创造公平的竞争环境，让小企业通过创新与科技扩展业务，并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 106 关注
  • TextBundle

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

    1 引用 • 2 回帖 • 53 关注
  • OkHttp

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

    16 引用 • 6 回帖 • 76 关注
  • 百度

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

    63 引用 • 785 回帖 • 164 关注
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    105 引用 • 127 回帖 • 370 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    26 引用 • 196 回帖 • 17 关注
  • 创造

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

    178 引用 • 997 回帖
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”，在线用户由 1999 年的 2 人（马化腾和张志东）到现在已经发展到上亿用户了，在线人数超过一亿，是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 44 关注
  • JRebel

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

    26 引用 • 78 回帖 • 672 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 363 关注
  • InfluxDB

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

    2 引用 • 76 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 536 关注
  • OnlyOffice
    4 引用 • 3 关注

最新标签