Can I create links with 'target="_blank"' in Markdown?

[phannhat17]

I've try to use html like

<a href="http://example.com/" target="_blank">Hello, world!</a>
but it does not work

[cfjedimaster]

How did it not work? MD should let you enter any HTML you want. I do think if you tab it over it may escape it as code, but if you didn't, it should just work. Maybe share the entire template?

[pdehaan]

Worked for me in a simple test case ([email protected], macOS):

---
title: 2280
---

# {{ title }}

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

- bulleted
- list

OUTPUT

<h1>2280</h1>
<p><a href="http://example.com/" target="_blank">Hello, world!</a></p>
<ul>
	  <li>bulleted</li>
	  <li>list</li>
</ul>

[pdehaan]

OH! I think it's an indentation "problem".
My test case is basic, but if you indent content by 4 spaces in Markdown, it think's its a <pre><code> block, and will do something like this:

<pre><code>&lt;a href=&quot;http://example.com/&quot; target=&quot;_blank&quot;&gt;Hello, world!&lt;/a&gt;
</code></pre>

I think we have a "pitfall" for this exact issue (via the Markdown template page).
TLDR (but please R) is that you need to create your own custom markdown-it library instance and disable code blocks:

  const markdownIt = require("markdown-it");
  const mdOptions = {
    html: true,
    breaks: true,
    linkify: true
  };
  eleventyConfig.setLibrary("md", markdownIt(mdOptions).disable("code"));

[phannhat17]

I have had success while using markdown-it. Thank you very much!