针对动态引用有以下要求:去掉下划线,去掉背景色,且不允许添加背景色(编辑中误选中动态引用添加不生效),字体颜色为特殊颜色(比如紫色),且不允许改变字体颜色(编辑中误选中动态引用改变字体颜色不生效),带中括号。
我现在使用的是 Savor 主题。
针对动态引用有以下要求:去掉下划线,去掉背景色,且不允许添加背景色(编辑中误选中动态引用添加不生效),字体颜色为特殊颜色(比如紫色),且不允许改变字体颜色(编辑中误选中动态引用改变字体颜色不生效),带中括号。
我现在使用的是 Savor 主题。
(编辑中误选中动态引用改变不生效)
这似乎光靠 CSS 实现不了。
这里抛砖引玉放上个人的大致处理思路吧
let content = document.querySelector("div.protyle-content");
let observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
if (mutation.addedNodes.length) {
mutation.addedNodes.forEach(function (node) {
// 拦截新增的 <span data-type="text" style="background-color: var(--b3-font-background4);">统使用或重建时心理</span>
// 获取其内容,如果是块选择,找div updated属性检测内联style修改的情况
if (node.nodeName === "SPAN" && node.getAttribute("data-type") === "block-ref") {
// 将内联style取消,
}
});
}
});
});
observer.observe(content, {
subtree: true,
childList: true,
characterData: true,
attributes: true,
});
大佬,好像是不起作用,如果不好实现,那就退而求其次,这是我目前用的代码,可以在这个基础上,去掉背景色、字体改成像括号一样的紫色、去掉下划线。
:root {
--b3-protyle-inline-blockref-color: var(--b3-theme-accent);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]::before {
content: "[[";
display: inline-block;
font-size: 100%;
color:rgb(137,87,229);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]::after {
content: "]]";
display: inline-block;
font-size: 100%;
color:rgb(137,87,229);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::before {
content: "「";
display: inline-block;
font-size: 100%;
color:rgb(137,87,229);
transform: scale(1, -1);
}
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::after {
content: "」";
display: inline-block;
font-size: 100%;
color:rgb(137,87,229);
transform: scale(1, -1);
}
span[data-type~=block-ref] {
font-weight: unset !important;
}
Latke 是一款以 JSON 为主的 Java Web 框架。
Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。
SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。
OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。
锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。
星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。
Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。
一种软件架构设计风格而不是标准,提供了一组设计原则和约束条件,主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。
上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)
黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。
A second brain, for you, forever.
Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。
这是一个不能说的秘密。
我来 wolai:不仅仅是未来的云端笔记!
uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。
Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。
Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。
本标签主要用于分享网络空间安全专业的学习笔记
有空闲时间是接外包好呢还是学习好呢?
Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。
Thank God It's Friday! 感谢老天,总算到星期五啦!
安全永远都不是一个小问题。
WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。
Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。
TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于