使用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>

在Markdown v2.5.2中，你可以这样使用:

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

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

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

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

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

仅对外部链接自动，使用GNU sed & make

如果有人想系统地为所有外部链接做这件事，CSS是没有选择的。然而，一旦Markdown创建了(X)HTML，就可以运行下面的sed命令:

sed -i 's|href="http|target="_blank" href="http|g' index.html

通过将上述sed命令添加到makefile中，可以进一步实现自动化。有关详细信息，请参阅GNU make或在我的网站上查看我是如何做的。

我不认为有降价功能，尽管如果你想用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。

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

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

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