mirror of
https://github.com/gchq/CyberChef.git
synced 2025-04-21 15:26:16 -04:00
Added support to open links in new Tab (Markdown)
Rendered markdown will add target="_blank" if the given option is set. Fixes #636.
This commit is contained in:
parent
6810f38808
commit
e5a903807f
1 changed files with 34 additions and 4 deletions
|
@ -35,6 +35,11 @@ class RenderMarkdown extends Operation {
|
||||||
name: "Enable syntax highlighting",
|
name: "Enable syntax highlighting",
|
||||||
type: "boolean",
|
type: "boolean",
|
||||||
value: true
|
value: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Open links in new tab.",
|
||||||
|
type: "boolean",
|
||||||
|
value: false
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
@ -45,7 +50,7 @@ class RenderMarkdown extends Operation {
|
||||||
* @returns {html}
|
* @returns {html}
|
||||||
*/
|
*/
|
||||||
run(input, args) {
|
run(input, args) {
|
||||||
const [convertLinks, enableHighlighting] = args,
|
const [convertLinks, enableHighlighting, openLinksBlank] = args,
|
||||||
md = new MarkdownIt({
|
md = new MarkdownIt({
|
||||||
linkify: convertLinks,
|
linkify: convertLinks,
|
||||||
html: false, // Explicitly disable HTML rendering
|
html: false, // Explicitly disable HTML rendering
|
||||||
|
@ -58,12 +63,37 @@ class RenderMarkdown extends Operation {
|
||||||
|
|
||||||
return "";
|
return "";
|
||||||
}
|
}
|
||||||
}),
|
});
|
||||||
rendered = md.render(input);
|
if (openLinksBlank) {
|
||||||
|
this.makeLinksOpenInNewTab(md);
|
||||||
|
}
|
||||||
|
const rendered = md.render(input);
|
||||||
return `<div style="font-family: var(--primary-font-family)">${rendered}</div>`;
|
return `<div style="font-family: var(--primary-font-family)">${rendered}</div>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Adds target="_blank" to links.
|
||||||
|
* @param {MarkdownIt} md
|
||||||
|
*/
|
||||||
|
makeLinksOpenInNewTab(md) {
|
||||||
|
// Adapted from: https://github.com/markdown-it/markdown-it/blob/master/docs/architecture.md#renderer
|
||||||
|
// Remember old renderer, if overridden, or proxy to default renderer
|
||||||
|
const defaultRender = md.renderer.rules.link_open || function(tokens, idx, options, env, self) {
|
||||||
|
return self.renderToken(tokens, idx, options);
|
||||||
|
};
|
||||||
|
|
||||||
|
md.renderer.rules.link_open = function (tokens, idx, options, env, self) {
|
||||||
|
const token = tokens[idx];
|
||||||
|
if (token.attrIndex('target') >= 0) {
|
||||||
|
// Target attribute already set, do not replace.
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
token.attrPush(['target', '_blank']); // add new attribute
|
||||||
|
|
||||||
|
// pass token to default renderer.
|
||||||
|
return defaultRender(tokens, idx, options, env, self);
|
||||||
|
};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default RenderMarkdown;
|
export default RenderMarkdown;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue