ImgConverter

Overview

ImgConverter is browser extension that converts form image of markdown notation to img tag(<img>) when you upload images

Browser Extension

• Chrome Extensions: ImgConverter
• Firefox ADD-ONS: ImgConverter

Support image format

• PNG (.png)
• JPEG (.jpg)
• GIF (.gif)

Environment

• Javascript
• node(v12.1.0)
• npm(v6.9.0)
• karma(jasmine)

Confirmed services

• Github
• esa
• Docbase

etc.

DEMO

Usage

It's simple.👨‍💻

1. Upload images to issue or pull request or comment on Github
2. Select markdown image text(Optional)
3. Tap ImgConverter icon
4. Converted <img>!!

GIF

Not select text

Text is changed.

Select text

**Selected text** is only changed.

Options

You can set default values for width and height of <img> on option page.

1. Right click on ImgConverter icon and then tap [Options]

2. Show options page

Example

No input

// before
![title](https://user-images.githubusercontent.com/test.png)

// after
// Default value is `width=50%`
<img src=https://user-images.githubusercontent.com/test.png width=50%>

Input only width

Input width=200px.

// before
![title](https://user-images.githubusercontent.com/test.png)

// after
// Default value is `width=200px`
<img src=https://user-images.githubusercontent.com/test.png width=200px>

Input only height

Input height=200px

// before
![title](https://user-images.githubusercontent.com/test.png)

// after 
// Default value is `height=200px`
<img src=https://user-images.githubusercontent.com/test.png height=200px>

Input width and height

Input width=200px, height=200px

// before
![title](https://user-images.githubusercontent.com/test.png)

// after 
// default value is `width=200px height=200px`
<img src=https://user-images.githubusercontent.com/test.png width=200px height=200px>

Contact

If you discover problem or have opinions, please let me know through Github issues💁‍♂️

Author

funzin, [email protected]

License

ImgConverter is available under the MIT license. See the LICENSE file for more info.