v3.1.25 按 DEL 删除行时,意外出现 css 样式代码

复现:

例如一共打 3 行文本

光标置于第 2 行行首,开始用 DEL 键删除后面的文字,然后当删除完第二行,第三行会跳上来,此时,瞬间出现了样式代码。

Snipaste20250321155204.png

我查了一下,好像以前出现过 https://ld246.com/article/1623917378658

  • 思源笔记

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

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

    24732 引用 • 101584 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • syuer9528

    好了,找到问题了,是代码片断的问题。代码片断关了就 OK 了。我回头排查一下代码片断。

    /* 文件名(总标题): 用个鲜艳的颜色当作标题 再加个底边框以和正文分隔 */ .protyle-title__input { color: green; /*border-bottom: 1px solid white;*/ font-family: "Noto Sans CJK SC Black"; font-size: 32px; text-align: center; } /*H1-H6标题基本样式*/ .protyle-wysiwyg .h1, .protyle-wysiwyg h1, .protyle-wysiwyg .h2, .protyle-wysiwyg h2, .protyle-wysiwyg .h3, .protyle-wysiwyg h3, .protyle-wysiwyg .h4, .protyle-wysiwyg h4, .protyle-wysiwyg .h5, .protyle-wysiwyg h5, .protyle-wysiwyg .h6, .protyle-wysiwyg h6 { padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; padding-left: 8px; line-height: 1.5; } .protyle-wysiwyg .h1, .protyle-wysiwyg h1 { font-family: "Noto Sans CJK SC Black"; font-size: 32px; margin: 0 0 0 -48px !important; } .protyle-wysiwyg .h2, .protyle-wysiwyg h2 { margin: 0; font-family: "Noto Serif CJK SC Black"; font-size: 24px; margin: 0 0 0 -32px !important; } .protyle-wysiwyg .h3, .protyle-wysiwyg h3 { font-family: "楷体"; font-size: 16px; margin: 0 0 0 -16px !important; } .protyle-wysiwyg .h4, .protyle-wysiwyg h4 { font-family: "仿宋"; font-size: 16px; margin: 0 0 0 0 !important; } .protyle-wysiwyg .h5, .protyle-wysiwyg h5 { font-family: "仿宋"; font-size: 16px; margin: 0 0 0 0 !important; } .protyle-wysiwyg .h6, .protyle-wysiwyg h6 { font-family: "仿宋"; font-size: 16px; margin: 0 0 0 0 !important; } /* ☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘ 标题提示符样式 ☘ */ .h1 > :first-child::before { content: "Ⅰ"; font-size: 8px; font-family: "ITC Galliard Std"!important; position: absolute; left: -4px; top: 8px; } .h2 > :first-child::before { content: "Ⅱ"; font-size: 8px; font-family: "ITC Galliard Std"; position: absolute; left: -4px; top: 6px; } .h3 > :first-child::before { content: "Ⅲ"; font-size: 8px; font-family: "ITC Galliard Std"; position: absolute; left: -4px; top: 6px; } .h4 > :first-child::before { content: "Ⅳ"; font-size: 8px; font-family: "ITC Galliard Std"; position: absolute; left: -4px; top: 6px; } .h5 > :first-child::before { content: "Ⅴ"; font-size: 8px; font-family: "ITC Galliard Std"; position: absolute; left: -4px; top: 6px; } .h6 > :first-child::before { content: "Ⅵ"; font-size: 8px; font-family: "ITC Galliard Std"; position: absolute; left: -4px; top: 6px; } /* ☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘☘ */ /* 正文字体 */ .b3-typography:not(.b3-typography--default), .protyle-wysiwyg, .protyle-title { font-family: "宋体", var(--b3-font-family-protyle); font-weight: 300; } /* 引用链接 */ .protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext), .protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref] { color: red !important; font-weight: 500; border: none !important; } .protyle-wysiwyg [data-node-id] span[data-type~="block-ref"]:hover, .protyle-wysiwyg [data-node-id] span[data-type~="file-annotation-ref"]:hover { color: hsl(201, 17%, 70%); text-decoration-line: underline; } /* 浮评锚:上加线 */ .protyle-wysiwyg span[data-type~=inline-memo] { border-top: 2px double yellow !important; text-decoration: none; } /* 高亮 */ .protyle-wysiwyg span[data-type~=mark], .protyle-wysiwyg mark { background: yellow; color: black; } /* 图片固定宽度 */ .protyle-wysiwyg [data-node-id] .img:not([style]) img:not([style~="height:"]):not([style~="width:"]) { width: 1000px; } /* 超级块 以下样式参考 StarDust主题 */ .protyle-wysiwyg [data-node-id].sb { background-color: hsl(202deg 28% 30%); border-radius: 0.4em; padding: 0.1em 0.2em 0.1em 0.3em; margin-bottom: 0.6em; } /* 光标颜色:亮蓝色 */ .protyle-content { caret-color: #18f7ff; } /*气泡通知*/ .b3-snackbars { display: none; position: fixed; right: 24px; top: 64px; }
    1 回复
  • 其他回帖
  • HenryChang

    好的,谢谢。又发现一个标签的 bug,看看能不能一起修复

  • syuer9528
  • 按理说 CSS 不会造成问题,如果你可以在新空间通过这个 CSS 重现问题的话麻烦再录屏看看

    2 回复
  • 查看全部回帖

推荐标签 标签

  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 3 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 736 关注
  • Follow
    4 引用 • 12 回帖 • 7 关注
  • Redis

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

    286 引用 • 248 回帖 • 15 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    189 引用 • 1057 回帖
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    143 引用 • 442 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    245 引用 • 1338 回帖
  • Vim

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

    29 引用 • 66 回帖 • 3 关注
  • Flume

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

    9 引用 • 6 回帖 • 653 关注
  • Vditor

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

    366 引用 • 1842 回帖
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    167 引用 • 595 回帖
  • 面试

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

    325 引用 • 1395 回帖 • 1 关注
  • 导航

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

    43 引用 • 177 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖 • 1 关注
  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 753 关注
  • 爬虫

    网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • 分享

    有什么新发现就分享给大家吧!

    247 引用 • 1794 回帖
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    180 引用 • 821 回帖
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    498 引用 • 1395 回帖 • 256 关注
  • Solo

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

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

    1440 引用 • 10067 回帖 • 489 关注
  • Bootstrap

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

    18 引用 • 33 回帖 • 657 关注
  • 思源笔记

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

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

    24731 引用 • 101584 回帖
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 176 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • 负能量

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

    88 引用 • 1235 回帖 • 412 关注
  • InfluxDB

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

    2 引用 • 86 关注