Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve usability and extensibility of Link Editor #2669

Open
bwaidelich opened this issue Feb 10, 2020 · 3 comments
Open

Improve usability and extensibility of Link Editor #2669

bwaidelich opened this issue Feb 10, 2020 · 3 comments

Comments

@bwaidelich
Copy link
Member

@bwaidelich bwaidelich commented Feb 10, 2020

Description

The Link Editor is one of the most crucial editor in a CMS.
Ours is currently very straightforward but IMO it lacks some important features.

Missing features (IMO)

  • It's not easy to find the correct target page for a site with many pages
  • Cross-Site links are not transparent/possible
  • It's not (easily) possible to link to an anchor of the current page

In general there are some UX issues with the current implementation in my opinion:

UX issues

Creating Links 1

image

  • The node URL underneath each item in the result is pretty useless (even without the "/neos/preview" part it was usually too long to be helpful)
  • By default assets just appear in the results which is rather confusing and not so easy to extend upon (see below)
Creating Links 2

image

  • There is no (easy) way to know what node is linked – especially in large sites there might be duplicates in the title.
  • There is no way to jump to the target page from here
  • The preview URL is not helpful here either
Editing Links

image

"Dear editor, this is how we internally store page links. Deal with it" :)

No easy extensibility

Lastly, it's currently not a trivial task at all to extend the current Link Editor.
It has been done by @dimaip for example but there is no API.

@bwaidelich

This comment has been minimized.

Copy link
Member Author

@bwaidelich bwaidelich commented Feb 10, 2020

I would suggest to make "link types" an explicit (and extensible) concept.
This would allow us to provide (or reuse) a dedicated editor for each type:

image

image

Also folks could extend/limit the allowed link types to be used, for example to provide an easy way to link to product pages.

BTW: It's probably still useful to have a "search bar" immediately available for the "power users" and maybe that can be extended to provide support for special syntaxes like the search bar in Slack for example

@Sebobo

This comment has been minimized.

Copy link
Member

@Sebobo Sebobo commented Feb 10, 2020

Your scribble is basically the good old TYPO3 linkeditor ;)

Bildschirmfoto 2020-02-10 um 12 31 11

But I agree, it would help make things clearer.

I think the biggest gain would be to "translate" the linkurl and suggestions to something human readable and give more space. Because that would also help in the inspector etc.

I'm not super into the tabs somehow.

@bwaidelich

This comment has been minimized.

Copy link
Member Author

@bwaidelich bwaidelich commented Feb 10, 2020

Your scribble is basically the good old TYPO3 linkeditor ;)

Yep, that's what I had in the back of my head :)
Though the TYPO3 link editor is a little too low-levely IMO (CSS-Class, Link Parameters) and the "link type" API inofficial IIRC.

I'm not super into the tabs somehow

Yep, that's why I just created a mockup. I don't even want to try to come up with a good UI for this. But it should be a different editor per link type IMO

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants
You can’t perform that action at this time.