登录 注册

v3.1.8 代码块连词关掉还是连词的效果

上图

image.png

在代码块那边，右键，选择代码块连词关掉，这里截图不了，只能截一下全局的图片了

image.png

  • 思源笔记

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

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

    24718 引用 • 101513 回帖
1 操作
guoqiang5277 在 2024-10-05 10:05:51 更新了该帖
深圳 位置
1 操作
14 回帖
7
5
484 107 262 4 111

相关帖子

14 回帖
v3.1.8 代码块连词关掉还是连词的效果

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • JeffreyChen •
    付费者 支持者 捐赠者

    代码块看上去没有连字

  • guoqiang5277 • via macOS
    付费者 作者

    打开连词，和关闭连词，都是这个效果。。。

  • guoqiang5277 • via macOS
    付费者 作者

    怎么让代码换行的时候，达成这样的效果呢？

    image.png

  • EmptyLight •
    付费者

    这个代码我觉得是因为文字过长，为了让一段文字中间不断行，编辑器显示时候将后面的链接作为一整行文字一起显示，这个我不确定怎么搞，但是在笔记里面，为了看代码，可以在合适的地方插入空格，反正到时候业务代码复制出去头像链接还要改的，不如插入一个空格手动截断一行文字。看起来就轻松了。

    至于你的 return 那一行单独占满整行，是你开了编辑器的两端对齐导致的，关掉就不会了。

    1 回复
  • guoqiang5277 • via macOS
    付费者 作者

    关掉两端对齐后，return 这一行显示正常了。

    但是还有 'https://txxxxx 这些没有在 => 末尾继续显示，

    而是另起一行。

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者

    你说的这个跟字体的代码连字没有半毛钱的关系，是 CSS 的断行问题。要达成你回帖里截图的效果，用下面这个代码片段就好了，会强制断行而不是连在一起：

    .protyle-wysiwyg .hljs > div[contenteditable] {
    word-break: break-all !important;
}
​

    添加到 设置 - 外观 - 代码片段 ，添加后记得启用。

    2 回复
    1 引用
  • guoqiang5277 • via macOS
    付费者 作者

    该方法完美解决，多谢 🙏

  • guoqiang5277 • via macOS
    付费者 作者

    发现问题，

    这样设置后，会导致 行号显示错位

    image.png

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者

    你把截图里这段代码复制粘贴到回帖里给我测试一下

    1 回复
  • guoqiang5277 • via macOS
    付费者 作者

    这个是代码原文

    if ($_SESSION['is_snapshotuser'] == 1) {
	$_SESSION['is_snapshotuser'] = 0;
	return ['nickname' => '微信用户', 'avatar' => 'https://thirdwx.qlogo.cn/mmopen/vi_32/Q3auHgzwzM5EPsm1NEriaoj9ONhxhcWKz9RbNRnYhaooks1zicFGllRezc7Ya7v5WNqAMtfIxTpF7FVdNpXZnuNA/132'];
}
​

    ，可能是在没有添加 word-break: break-all !important; 的时候，第三行是当成 3 行去处理了，

    添加了 word-break: break-all !important;，第三行，实际是 2 行。导致了错位

    image.png

    手动修改成 44px，显示正常

    image.png

    但是不知道最终应该怎么弄 😂

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者

    我想了一下，思源是按照 word-break: break-word; 来计算行号的，手动改为 word-break: break-all 之后应该是没有办法让行号也正确对应的。

    1 回复
  • guoqiang5277 • via macOS
    付费者 作者

    那这个问题要怎么解决呢 😭

    1 回复
  • JeffreyChen •
    付费者 支持者 捐赠者

    不确定有没有办法解决，我先提个需求：Issue #12715 · siyuan-note/siyuan

  • Vanessa • via macOS
    订阅者 付费者 MOD

    连字的效果是 image.png，看图中不是这样的，是已经关闭了的。

    开启两侧对齐就是这样的效果，如果不需要的话可以关闭两侧对齐。即使非要使用代码片段请使用

    .code-block {
	    text-align: left;
}
​
请输入回帖内容 ...
guoqiang5277
深圳
回帖
21
 帖子
10
 积分
427

近期热议

推荐标签 标签

  • WordPress

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

    66 引用 • 114 回帖 • 201 关注
  • 智能合约

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

    1 引用 • 11 回帖 • 2 关注
  • AWS
    11 引用 • 28 回帖 • 10 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    22 引用 • 148 回帖 • 13 关注
  • 单点登录

    单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 2 关注
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 546 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 2 关注
  • jsoup

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

    6 引用 • 1 回帖 • 489 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 263 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 487 关注
  • IPFS

    IPFS（InterPlanetary File System，星际文件系统）是永久的、去中心化保存和共享文件的方法，这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    21 引用 • 245 回帖 • 235 关注
  • JSON

    JSON （JavaScript Object Notation）是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖 • 1 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    409 引用 • 3586 回帖
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 8 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖
  • WiFiDog

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

    1 引用 • 7 回帖 • 605 关注
  • Android

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

    335 引用 • 324 回帖 • 1 关注
  • 阿里巴巴

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

    43 引用 • 221 回帖 • 75 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    87 引用 • 122 回帖 • 628 关注
  • Dubbo

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

    60 引用 • 82 回帖 • 610 关注
  • CSDN

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

    14 引用 • 155 回帖
  • Webswing

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

    1 引用 • 15 回帖 • 638 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 639 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息，资讯有时效性和地域性。

    56 引用 • 85 回帖
  • 音乐

    你听到信仰的声音了么？

    61 引用 • 512 回帖
  • 人工智能

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

    157 引用 • 289 回帖
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖 • 1 关注

最新标签