登录 注册

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

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

上图

image.png

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

image.png

  • 思源笔记

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

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

    25451 引用 • 105274 回帖
1 操作
guoqiang5277 在 2024-10-05 10:05:51 更新了该帖
深圳 位置
1 操作
14 回帖
7
5
561 107 299 4 151

相关帖子

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
深圳
回帖
22
 帖子
11
 积分
407

近期热议

推荐标签 标签

  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    170 引用 • 1529 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    557 引用 • 675 回帖 • 1 关注
  • Hexo

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

    22 引用 • 148 回帖 • 16 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • RemNote
    2 引用 • 16 回帖 • 14 关注
  • Tomcat

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

    162 引用 • 529 回帖
  • Docker

    Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的操作系统上。容器完全使用沙箱机制，几乎没有性能开销，可以很容易地在机器和数据中心中运行。

    495 引用 • 931 回帖
  • 工具

    子曰：“工欲善其事，必先利其器。”

    298 引用 • 763 回帖
  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    108 引用 • 295 回帖
  • BND

    BND（Baidu Netdisk Downloader）是一款图形界面的百度网盘不限速下载器，支持 Windows、Linux 和 Mac，详细介绍请看这里。

    107 引用 • 1281 回帖 • 32 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 680 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    181 引用 • 408 回帖 • 483 关注
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 547 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具，是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 122 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 29 关注
  • LeetCode

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

    209 引用 • 72 回帖 • 2 关注
  • 叶归
    8 引用 • 36 回帖 • 17 关注
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 655 关注
  • Sublime

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

    10 引用 • 5 回帖 • 5 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • App

    App（应用程序，Application 的缩写）一般指手机软件。

    91 引用 • 384 回帖
  • 知乎

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

    10 引用 • 66 回帖 • 1 关注
  • DevOps

    DevOps（Development 和 Operations 的组合词）是一组过程、方法与系统的统称，用于促进开发（应用程序/软件工程）、技术运营和质量保障（QA）部门之间的沟通、协作与整合。

    58 引用 • 25 回帖 • 2 关注
  • BookxNote

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

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

    1 引用 • 1 回帖
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • Sandbox

    如果帖子标签含有 Sandbox ，则该帖子会被视为“测试帖”，主要用于测试社区功能，排查 bug 等，该标签下内容不定期进行清理。

    432 引用 • 1250 回帖 • 596 关注

最新标签