针对动态引用有以下要求:去掉下划线,去掉背景色,且不允许添加背景色(编辑中误选中动态引用添加不生效),字体颜色为特殊颜色(比如紫色),且不允许改变字体颜色(编辑中误选中动态引用改变字体颜色不生效),带中括号。
我现在使用的是 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;
}
资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。
Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。
钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。
Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。
IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。
微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。
哪里都缺人,哪里都不缺人。
iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。
记录并分享人生的经历。
你若安好,便是晴天。
FlowUs.息流 个人及团队的新一代生产力工具。
让复杂的信息管理更轻松、自由、充满创意。
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。
互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。
开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。
你比 99% 的人都优秀么?
SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。
Latke 是一款以 JSON 为主的 Java Web 框架。
心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。
让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
新手上路,请谨慎驾驶!
jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。
我来 wolai:不仅仅是未来的云端笔记!
Thank God It's Friday! 感谢老天,总算到星期五啦!
发布对别人有帮助的原创内容是最好的 SEO 方式。
i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。
Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于