Links with vertical lines can't be edited or clicked on after saving the page

Summary

When you insert a link via Insert more content > Link > Web link or the shortcuts ⌘+K / CTRL+K, the link is no longer clickable or editable once you save the page.

Steps to Reproduce

1. Create a new page and insert a web link via one of the methods below:
   • Insert more content > Link > Web link
   • ⌘+K / CTRL+K
2. Insert any URL with a vertical line or pipe symbol in it into the 'Address' field: |
3. Insert any text into the the 'Link text' field.
4. Click on "Insert".
5. Test that the link can be edited by clicking on it.
6. Save the page.
7. Test that the link can be clicked on and works.
8. Click on "Edit" to edit the page again.
9. You can see that the link is no longer editable because nothing appears when you click on it.
10. Save the page.

Expected Results

The link on the page should be clickable.

Actual Results

The link is not clickable and nothing happens when you click on it.