关于代码块的小增强

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

先感谢,再提问!😄

目前来说,代码块的拓展性稍偏弱了一点,可否实现/改进代码块额外功能?

1.希望能实现代码块内容可以自定义颜色和链接、标注等(刚需)

2.目前复制代码进代码块的时候会产生某几行缩进不正确的情况,已经尝试过设置缩进数量,最后还是选择了默认值。而且使用 shift+tab 时,即便使用了默认值,会由于和设置的 tab 空格数不成倍数而导致无法取消缩进(已经全选的状态下,不全选是无法缩进的)。目标代码是通过 eslint+prettier 格式化的。

  • 思源笔记

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

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

    22399 引用 • 89677 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
    1. 实现不了
    2. 粘贴时不会替换 Tab 为空格
    2 回复
  • a1751504

    我觉得至少应该可以自定义剪切板中的 tab 对应的空格数量吧。

    而且,我设置为 2 个空格,就没法 shift+tab 取消默认的 tab,想把默认的 4 空格 tab 转换成两个空格的 tab,有以下两种办法:

    1.选中所有粘贴过来的,shift+tab,然后,去设置里设置成 2 个空格,全选,tab

    2.手动每一行删除默认 tab,再加上 tab

    我想,这两种方案都不方便吧

    1 操作
    a1751504 在 2022-07-31 19:04:24 更新了该回帖
  • a1751504

    另外,我觉得可以这样:

    shift+tab 取消缩进的时候不要在乎空格是 2 个还是 4 个,一次性取消一个 tab,这样可以吗

    @88250

    1 回复
  • 现在应该就是这样,Tab 会取消,但是不会将空格转换为 Tab。

    建议代码编辑还是在 IDE 里进行,编辑好以后一次性粘贴到思源的代码块中。

    2 回复
  • a1751504

    我在 vscode 中一直使用的都是 2 个空格的 tab,但是粘贴过来以后并没有标准的格式化,有时是两个空格的 tab,有时是 4 个(90% 都是 4 个,我也不明白它是基于什么原理区分的),所以才会产生我之前提到的困扰

    @88250

    而且,现在如果是 4 个空格的 tab,而设置里自己设置了两个空格的话,是无法 shift+tab 取消缩进的

    希望能优化一下,十分感谢

  • a1751504

    我觉得我的表述还是不够清楚

    我将思源的 tab 空格数设置为 2 个的情况下,将 IDE 中的代码(也是两个空格的 tab)复制到思源里,却是 4 个空格的,我认为这是个 bug

    困扰我很久了这个问题

    @88250

    这是 IDE
    9KSICWLWVOYDH34V7F.png

    这是思源
    TDKP939OTHHYGPRTB.png

    1 回复
  • 思源不会将剪切板中的 Tab 替换为空格,所以 Tab 是按照 8 个空格的宽度显示。

    1 回复
  • a1751504

    我的诉求只是解决这个风格问题,我也明白你说的 tab 不会转换为空格的意思

    我不清楚这样设计是出于某些考量,并且不会"修复"我说的这个问题,还是当前这个问题不紧急但是以后某天会修复,望解答

    @88250

  • a1751504

    如果后来人也遇到这个问题,刚刚发现了一个办法,将 IDE 的缩进切换为空格缩进,不要使用 tab 缩进。在粘贴的时候就可以完全自定义空格数量了。

    1 回复
  • 基本是这样,统一使用空格的话就没有这个问题了。

    如果要用 Tab,可以用自定义 CSS tab-size 来设置代码块中的空格数,目前暂时不考虑作为内置选项设置。

    1 回复
  • a1751504

    OK,既然有解决办法那就没问题了,感谢 😄

  • a1751504

    已暂时解决,以下两个方法都会有劣势,自行斟酌

    方法 1: 将思源的 tab 空格数设置为 2,再在主题的代码中将代码块的 tab-size 设置为 2(但是每次更新主题都需要重新设定)

    方法 2: 将自己代码编辑的 IDE 的缩进切换为空格模式 (不过还是有小概率出问题)

请输入回帖内容 ...

推荐标签 标签

  • 导航

    各种网址链接、内容导航。

    40 引用 • 173 回帖 • 1 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 169 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖 • 4 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    77 引用 • 430 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    286 引用 • 248 回帖 • 61 关注
  • 数据库

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

    342 引用 • 708 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 2 关注
  • App

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

    91 引用 • 384 回帖
  • 互联网

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

    98 引用 • 344 回帖 • 1 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    352 引用 • 1815 回帖 • 3 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    132 引用 • 1114 回帖 • 125 关注
  • Gitea

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

    4 引用 • 16 回帖 • 4 关注
  • 黑曜石

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

    A second brain, for you, forever.

    15 引用 • 122 回帖
  • 酷鸟浏览器

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

    3 引用 • 59 回帖 • 26 关注
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖 • 1 关注
  • 电影

    这是一个不能说的秘密。

    121 引用 • 601 回帖
  • jsoup

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

    6 引用 • 1 回帖 • 476 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 764 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 214 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 59 关注
  • MySQL

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

    691 引用 • 535 回帖
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 1 关注
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 632 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 1 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 553 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 399 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注