【实用技巧】如何改善笔记的链接编辑体验

请教要怎么在内部连结后面也加上一个icon,这样click event也能在link editing mode下触发?

外部连结icon样式:
螢幕擷取畫面 2025-01-24 130834


目前使用的css只能在内部连结后加上符号但无法点击触发
https://imgur.com/a/TsN9UXn

.cm-s-obsidian .cm-line:not(.cm-active) span.cm-hmd-internal-link:after {
  content: "↘︎";
  padding-left: 4px;
  padding-right: 4px;
}

据我所知用 css 的 beforeafter 是跟随主对象的,如果主要对象的点击禁用了它也会跟着失效。
可能需要用插件了,给每个链接单独添加一个可点击的符号(而不是只添加 after 字符)

1 个赞

感谢佬!非常好用,已点star支持:+1:

3 个赞

请问,属性值中的长链接,有办法缩短吗?

使用起来非常赞,十分感谢
有个小建议,能不能让光标移动到双链时也能展开链接文本,每次修改要把鼠标移到对应的图标上,感觉有点麻烦(

2 个赞

非常赞同,因为手机上没有鼠标啊,但光标又没法展开

很可惜,这个方案用的是 CSS,而 CSS 没法知道“光标在什么位置”。
(改用插件的话或许可以实现,我记一笔,如果做出来了回头 at 你)

1 个赞