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

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

当前回答

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

2018-01-26 21:14:34

其他回答

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

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

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

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

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

2017-04-30 18:57:55

React + Markdown环境:

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

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

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

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

2022-06-11 07:10:10

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

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

JSFiddle Code

2014-06-10 21:17:00

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

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

如果你正在使用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"。

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

2020-06-23 05:51:10

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

推荐文章

最新文章

标签