我可以在Markdown中创建“目标=“_blank””的链接吗?

有没有办法在Markdown中创建一个在新窗口中打开的链接?如果不是，您建议使用什么语法来完成此操作?我将把它添加到我使用的markdown编译器中。我认为这应该是一个选择。

当前回答

如果有人正在寻找一个全局rmarkdown (pandoc)解决方案。

使用Pandoc Lua过滤器

你可以编写自己的Pandoc Lua过滤器，将target="_blank"添加到所有链接:

编写一个Pandoc Lua过滤器，例如links.lua

function Link(element)

    if 
        string.sub(element.target, 1, 1) ~= "#"
    then
        element.attributes.target = "_blank"
    end
    return element

end

然后更新你的_output.yml

bookdown::gitbook:
  pandoc_args:
    - --lua-filter=links.lua

在Header中注入<base target="_blank">

另一种解决方案是使用includes选项在HTML头部部分注入<base target="_blank">:

创建一个新的HTML文件，例如links.html

<base target="_blank">

然后更新你的_output.yml

bookdown::gitbook:
  includes:
    in_header: links.html

注意:此解决方案还可能为哈希(#)指针/ url打开新选项卡。我还没有用这样的url测试这个解决方案。

2022-02-23 01:14:56

其他回答

我不认为有降价功能，尽管如果你想用JavaScript自动打开指向你自己网站以外的链接，可能有其他可用的选项。

Array.from(javascript.links)
    .filter(link => link.hostname != window.location.hostname)
    .forEach(link => link.target = '_blank');

jsFiddle。

如果你正在使用jQuery:

$(document.links).filter(function() {
    return this.hostname != window.location.hostname;
}).attr('target', '_blank');

jsFiddle。

2010-12-13 01:37:47

就Markdown语法而言，如果想要获得如此详细的内容，就必须使用HTML。

<a href="http://example.com/" target="_blank">Hello, world!</a>

我所见过的大多数Markdown引擎都允许普通的HTML，只是在这种情况下，一般的文本标记系统无法解决它。(例如StackOverflow引擎。)然后，他们通过HTML白名单过滤器运行整个输出，因为即使只有markdown的文档也很容易包含XSS攻击。因此，如果您或您的用户想要创建_blank链接，那么他们可能仍然可以。

如果这是一个您将经常使用的特性，那么创建自己的语法可能是有意义的，但它通常不是一个重要的特性。如果我想在一个新窗口中启动那个链接，我会自己按下ctrl键，谢谢。

2010-12-13 01:40:35

使用MUI v5“markdown-to-jsx”

这似乎对我很管用:

import Markdown from 'markdown-to-jsx';

...

  const MarkdownLink = ({ children, ...props }) => (
    <Link {...props}>{children}</Link>
  );

...

          <Markdown
            options={{
              forceBlock: true,
              overrides: {
                a: {
                  component: MarkdownLink,
                  props: {
                    target: '_blank',
                  },
                },
              },
            }}
          >
            {description}
          </Markdown>

2022-06-29 15:39:09

一个全局解决方案是放置<base target="_blank"> 到页面的<head>元素中。这有效地将默认目标添加到每个锚元素。我使用markdown在我的基于wordpress的网站上创建内容，我的主题定制器将允许我将该代码注入到每个页面的顶部。如果您的主题不能做到这一点，可以使用插件

2018-01-26 21:14:34

Kramdown对此表示支持。它与标准Markdown语法兼容，但也有许多扩展。你可以这样使用它:

[link](url){:target="_blank"}

2011-01-16 13:40:29

我可以在Markdown中创建“目标=“_blank””的链接吗?

推荐文章

最新文章

标签