复现:
例如一共打 3 行文本
光标置于第 2 行行首,开始用 DEL 键删除后面的文字,然后当删除完第二行,第三行会跳上来,此时,瞬间出现了样式代码。
我查了一下,好像以前出现过 https://ld246.com/article/1623917378658
复现:
例如一共打 3 行文本
光标置于第 2 行行首,开始用 DEL 键删除后面的文字,然后当删除完第二行,第三行会跳上来,此时,瞬间出现了样式代码。
我查了一下,好像以前出现过 https://ld246.com/article/1623917378658
好了,找到问题了,是代码片断的问题。代码片断关了就 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; }
Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。
Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。
Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。
哪里都缺人,哪里都不缺人。
我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。
前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。
Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。
Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。
Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。
Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。
面试造航母,上班拧螺丝。多面试,少加班。
各种网址链接、内容导航。
JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA。
大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。
Mobi.css is a lightweight, flexible CSS framework that focus on mobile.
网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。
有什么新发现就分享给大家吧!
沉迷游戏伤身,强撸灰飞烟灭。
Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。
Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。
机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。
上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)
InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于