-
Notifications
You must be signed in to change notification settings - Fork 4.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Option to disable svg in external links #610
Comments
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. |
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. |
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. |
See: #614 (comment) |
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 |
<OutboundLink>
generates an icon like this:There should be an option to turn this off.
The text was updated successfully, but these errors were encountered: