hackmdio / hackmdio/codimd

Feature: Trim/shorten view of links in editor viewport

Open
#1,619 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
10.1k
Forks
1.1k
PR merge metrics
No merged PRs in 30d

Description

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](https://user-images.githubusercontent.com/3549445/98468016-ded3b100-21d8-11eb-9e60-602026a7aaf4.png)

View where the viewport fits the table-text, but it's still a real mess, if you have many things:
![image](https://user-images.githubusercontent.com/3549445/98468025-ea26dc80-21d8-11eb-8e6d-7003295a5532.png)

## Feature with simple mockup
Here's my take, if the link is not in focus:
![image](https://user-images.githubusercontent.com/3549445/98467807-a8496680-21d7-11eb-8560-47e2ab73cdb1.png)

Another take could be to just sorted down the link, like we see in some editors:
![image](https://user-images.githubusercontent.com/3549445/98467878-14c46580-21d8-11eb-8a47-f994851fe7f1.png)

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](https://user-images.githubusercontent.com/3549445/98468045-032f8d80-21d9-11eb-84e2-4a2aa5a6bc43.png)



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

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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.