react-client icon indicating copy to clipboard operation
react-client copied to clipboard

Feature: Trim/shorten view of links in editor viewport

Open exetico opened this issue 4 years ago • 3 comments

Hi

I would like to see an option for shorten down links in the viewport added with [](). Are there a way for it?

I normally use the editor with the live-preview on the right side, but it's very hard to get a good overview of the situation, due to the length of the content in the markdown-table. But also in regular documents.

Current situation

Messy view, cause the viewport are too small. image

View where the viewport fits the table-text, but it's still a real mess, if you have many things: image

Feature with simple mockup

Here's my take, if the link is not in focus: image

Another take could be to just sorted down the link, like we see in some editors: image

In my case, It would really help me with the overview of a document with many links.

Another example, with both the markdown viewport and the preview-window

image


I really like CodiMD HedgeDoc, and I can't find any better way to write notes and simple documentation.

SO HERE'S ONE BIG THANKS FROM DENMARK! ❤️


It's originally mentioned here: https://github.com/hackmdio/codimd/issues/1619

exetico avatar Jul 16 '21 12:07 exetico

I can understand your problem with the long URLs and personally like your mockup ideas.

We do not add new features to 1.x (only bugfixes) while we're developing on version 2.0. I'm moving this issue to the repo for the new frontend so that the discussion around this feature can be continued there.

ErikMichelson avatar Jul 18 '21 19:07 ErikMichelson

Thanks @ErikMichelson

Also, sorry for using the wrong repo. I hope to see this in the future - cause it's bit of a pain 😊.

exetico avatar Jul 19 '21 09:07 exetico

This could be pretty easy using the codemirror 6 replacing decorator api

mrdrogdrog avatar Jun 30 '22 20:06 mrdrogdrog