Treat links as external in report content admin message
This marks all the links in the report content admin message (in Markdown format) as external so they open in a new tab.
This commit is contained in:
parent
2e0977fb0c
commit
a504faa2f6
2 changed files with 20 additions and 2 deletions
|
@ -91,7 +91,7 @@ export default class Markdown {
|
|||
return true;
|
||||
}
|
||||
|
||||
toHTML() {
|
||||
toHTML({ externalLinks = false } = {}) {
|
||||
const renderer = new commonmark.HtmlRenderer({
|
||||
safe: false,
|
||||
|
||||
|
@ -125,6 +125,24 @@ export default class Markdown {
|
|||
}
|
||||
};
|
||||
|
||||
renderer.link = function(node, entering) {
|
||||
const attrs = this.attrs(node);
|
||||
if (entering) {
|
||||
attrs.push(['href', this.esc(node.destination)]);
|
||||
if (node.title) {
|
||||
attrs.push(['title', this.esc(node.title)]);
|
||||
}
|
||||
// Modified link behaviour to treat them all as external and
|
||||
// thus opening in a new tab.
|
||||
if (externalLinks) {
|
||||
attrs.push(['target', '_blank']);
|
||||
attrs.push(['rel', 'noopener']);
|
||||
}
|
||||
this.tag('a', attrs);
|
||||
} else {
|
||||
this.tag('/a');
|
||||
}
|
||||
};
|
||||
|
||||
renderer.html_inline = html_if_tag_allowed;
|
||||
|
||||
|
|
|
@ -102,7 +102,7 @@ export default class ReportEventDialog extends PureComponent {
|
|||
SdkConfig.get().reportEvent.adminMessageMD;
|
||||
let adminMessage;
|
||||
if (adminMessageMD) {
|
||||
const html = new Markdown(adminMessageMD).toHTML();
|
||||
const html = new Markdown(adminMessageMD).toHTML({ externalLinks: true });
|
||||
adminMessage = <p dangerouslySetInnerHTML={{ __html: html }} />;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue