CSS Snippet to get WYSIWYG only for links (`[]()`)?

short version

How to get a link like

[Page](https://www.somewebsite.net/firstheader/deeper/header/weirdencoding3u2opj1kl234mk1234-morestuff-it-does-not-stop)

to look shorter in the legacy editor (not live preview!)?

long version

Here’s the thing. I love basic text editors. The look, the feel, optimally monospaced and whatever.

I set up my obsidian to behave like a sublime text 3 on steroids (graph view, command palette with obsidian plugins [thank you all!], custom shortcuts all the way, and and and).

It’s great.

But one thing is bugging me in the basic plain text experience.

Links are huuge

Example:

[Page](https://www.somewebsite.net/firstheader/deeper/header/weirdencoding3u2opj1kl234mk1234-morestuff-it-does-not-stop)

Could one construct (is there) a css snippet to “render” the markdown links such that they appear shorter. I guess I don’t really care if it does not look as nice as live preview links, so generally shorter is all I want.

Does someone have an idea?

What have I tried?
In all honesty, I don’t know css well, so I have not tried anything. I’m sorry.

Something like this? If it still works…

Angel

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.