Vuepress: Option to disable svg in external links

[octref]

<OutboundLink> generates an icon like this:

There should be an option to turn this off.

[octref]

It make sense to include it in the theme, however including it in the default markdown renderer and not offering anyway to turn it off is forcing this icon to everyone, even those who's not using the default theme.

[ulivz]

@octref Opened a PR at #614.

[dcastil]

What is the status of this feature? I would like to be able to disable the OutboundLink component and think it should be rather opt-in with a plugin.

[xinconan]

How to disable svg in external links? The web site has removed svg, https://vuepress.vuejs.org/config/, but I can't find config option.

[ulivz]

See: https://github.com/vuejs/vuepress/pull/614#issuecomment-472482023

[morphatic]

If you only want to hide the outbound link icon only in certain cases you can hide it with CSS. For example, in my site I sometimes wrap images in external links, e.g.

[![some img](/assets/images/some.png)](http://someothersite.com)

The HTML rendered by this looks something like:

<a href="http://someothersite.com" target="_blank" rel="noopener noreferrer">
  <img src="/assets/images/some.png" alt="some img">
  <svg class="icon outbound">... this is the external link icon ...</svg>
</a>

And results in an image with the external link icon after it like this:

In my CSS, I can use a sibling selector to hide the icon like this:

img + .icon.outbound {
  display: none;
}

This is pretty flexible and wouldn't require you to disable all of markdown-it. HTH!

[deancn]

  markdown: {
    externalLinkSymbol: false,
  },

do not work yet. Any thing wrong?