React + Markdown环境:

我创建了一个可重用组件:

export type TargetBlankLinkProps = {
  label?: string;
  href?: string;
};

export const TargetBlankLink = ({
  label = "",
  href = "",
}: TargetBlankLinkProps) => (
  <a href={href} target="__blank">
    {label}
  </a>
);

我在任何需要在新窗口中打开链接的地方都使用它。

我在尝试使用PHP实现markdown时遇到了这个问题。

由于用户生成的链接创建markdown需要在一个新的选项卡中打开，但网站链接需要留在选项卡中，我改变了markdown，只生成在一个新的选项卡中打开的链接。所以不是所有的链接在页面上链接，只是那些使用markdown。

在markdown我改变了所有的链接输出为<a target='_blank' href="…>，这很容易使用查找/替换。

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

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

不是一个直接的答案，但可能会帮助一些人在这里结束。

如果你正在使用GatsbyJS，有一个插件可以自动在markdown中添加target="_blank"到外部链接。

它被称为gatsby-remark-external-links，用法如下:

Yarn添加gatsby-remark-external-links

plugins: [      
  {
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [{
        resolve: "gatsby-remark-external-links",
        options: {
          target: "_blank",
          rel: "noopener noreferrer"
        }
      }]
    }
  },

它还负责rel="noopener noreferrer"。

如果需要更多选项，请参考文档。

你可以通过本地javascript代码这样做:

 
var pattern = /a href=/g;
var sanitizedMarkDownText = rawMarkDownText.replace(pattern,"a target='_blank' href=");

JSFiddle Code

您可以使用{[attr]="[prop]"}添加任何属性

例如[谷歌](http://www.google.com){target="_blank"}