Skip to content

Edit link title and URL separately in the content editor

Himanshu Kapoor requested to merge 346070-links-bubble-menu into master

What does this MR do and why?

Create a bubble menu to allow editing a link's URL and title in content editor. The bubble menu also allows opening the link in a new tab, copying link URL and removing the link.

Related to #346070 (closed)

Screenshots or screen recordings

Screen_Recording_2022-04-23_at_8.27.20_PM

How to set up and validate locally

Getting to content editor

To get to content editor, edit or create a new wiki page and click "Edit rich text" to open the content editor.

Editing an existing link

  1. Click on an existing link in the document.
  2. A link bubble menu like this should appear: image
    • Clicking the link in the bubble menu should open the link in a new tab.
    • Hovering over the link should show the entire link in the tooltip.
    • Clicking "Copy" should copy the link URL to clipboard.
    • Clicking "Remove link" should remove the link.
  3. Click "Edit" to edit the link.
  4. An inline modal should appear:
    image
  5. Edit the URL and/or the title and click "Apply".
  6. Click "Edit source" to switch back to markdown editing.
  7. The link URL and title should be updated.

Inserting a new link (using only bubble menus)

  1. Select some text.
  2. Click "Insert link" in the formatting toolbar:
    image
    • If you click "Cancel" at this step, the link should be removed.
  3. Enter some values for the URL and/or the title in the inline modal:
    image
  4. Click "Apply" to save the link.
  5. Click "Edit source" to switch back to markdown editing.
  6. The link URL and title should be updated.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Himanshu Kapoor

Merge request reports