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

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

当前回答

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

其他回答

我正在使用Grav CMS，这是完美的:

阀体/内容: 一些文本[1]

车身/参考: [1]: http://somelink.com/?target=_blank

只要确保目标属性首先被传递，如果链接中有其他属性，将它们复制/粘贴到引用URL的末尾。

也可以作为直接链接: [进入本页](http://somelink.com/?target=_blank)

2017-04-30 18:57:55

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

我不认为停留在一个浏览器选项卡中会有更好的用户体验。如果你想让人们留在你的网站上，或者回来读完那篇文章，在一个新的标签中把他们发送出去。

在@davidmorrow的回答上，把这个javascript扔到你的网站上，把外部链接变成target=_blank的链接:

    <script type="text/javascript" charset="utf-8">
      // Creating custom :external selector
      $.expr[':'].external = function(obj){
          return !obj.href.match(/^mailto\:/)
                  && (obj.hostname != location.hostname);
      };

      $(function(){
        // Add 'external' CSS class to all external links
        $('a:external').addClass('external');

        // turn target into target=_blank for elements w external class
        $(".external").attr('target','_blank');

      })

    </script>

2014-02-21 11:52:41

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

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

2015-01-22 12:54:12

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

2018-01-26 21:14:34

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

推荐文章

最新文章

标签