europa-plugin-image
v6.0.0
Published
Europa plugin to convert HTML tags to Markdown images
Downloads
212
Readme
europa-plugin-image
A Europa plugin to convert HTML tags to Markdown images.
Install
Install using your preferred package manager. For example;
$ npm install --save europa-plugin-image
Then, in order to activate this plugin;
// Import europa-core implementation (e.g. `europa`, `node-europa`)
import plugin from 'europa-plugin-image';
Europa.registerPlugin(plugin);
// ...
However, this plugin belongs to the europa-preset-default
, which is registered with all Europa Core implementations by default,
so you should not need to do anything to use this plugin.
Converted Tags
The following HTML tags are converted by this plugin:
IMG
Examples
Basic
HTML:
<img src="https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/europa/europa-banner-250x100.png">
<img src="https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/node-europa/node-europa-banner-377x100.png" alt="Europa Node">
Markdown:
![][image1]
![Europa Node][image2]
[image1]: https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/europa/europa-banner-250x100.png
[image2]: https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/node-europa/node-europa-banner-377x100.png
Absolute Option Enabled
Assume the following example is converted on https://github.com/neocotic/europa.
Setup:
const europa = new Europa({ absolute: true });
HTML:
<img src="//raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/europa/europa-banner-250x100.png">
<img src="//raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/node-europa/node-europa-banner-377x100.png" alt="Europa Node">
Markdown:
![][image1]
![Europa Node][image2]
[image1]: https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/europa/europa-banner-250x100.png
[image2]: https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/node-europa/node-europa-banner-377x100.png
Inline Option Enabled
Setup:
const europa = new Europa({ inline: true });
HTML:
<img src="https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/europa/europa-banner-250x100.png">
<img src="https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/node-europa/node-europa-banner-377x100.png" alt="Europa Node">
Markdown:
![](https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/europa/europa-banner-250x100.png)
![Europa Node](https://raw.githubusercontent.com/neocotic/europa-branding/main/assets/banner/node-europa/node-europa-banner-377x100.png)
Bugs
If you have any problems with this Europa plugin or would like to see changes currently in development you can do so here.
Contributors
If you want to contribute, you're a legend! Information on how you can do so can be found in CONTRIBUTING.md. We want your suggestions and pull requests!
A list of Europa contributors can be found in AUTHORS.md.
License
Copyright © 2022 neocotic
See LICENSE.md for more information on our MIT license.