Fixing issue #5176

[computamike]

What does this PR do?

Fixes rendering issues with Pipes within links

Why is this valuable (or not)?

Issue #5176 identified an issue with the screencasts(en) page - however, this same issue has been identified on other pages, and has been fixed.

Checklist:

• Read our contributing guidelines
• Search for duplicates.
• Include author(s) and platform where appropriate.
• Put lists in alphabetical order, correct spacing.
• Add needed indications (PDF, access notes, under construction)

Followup

• Check the output of Travis-CI for linter errors!

[computamike]

Some additional comments :

The following Regular expression was used to scan the codebase to find other instances of this issue :

^(.*)(\[)(.*)(\|)(.*)(\])

and the following was used to escape the | character (this was done using VS Code's regex replace)
$1$2$3\|$5$6

This could be useful to add to the linter to identify where this would break rendering, or to scan and fix the codebase at a later date.

[shabab477]

Interesting fix. This PR LGTM. I feel like there should be a fix in the linter too.

[computamike]

Interesting fix. This PR LGTM. I feel like there should be a fix in the linter too.

Have raised an issue in the linter for this.

[eshellman]

This is awesome @computamike ! Thanks!