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.👨‍💻

Upload images to issue or pull request or comment on Github
Select markdown image text(Optional)
Tap ImgConverter icon
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.

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, nakazawa.fumito@gmail.com

License

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

funzin/ImgConverter