https://github.com/pafnuty/imgholder

SublimeText plugin for easy insert placeholders image url with parameters, text & font
https://github.com/pafnuty/imgholder

images placeholder-image snippets sublime-package sublime-text

Last synced: 2 months ago
JSON representation

SublimeText plugin for easy insert placeholders image url with parameters, text & font

• Host: GitHub
• URL: https://github.com/pafnuty/imgholder
• Owner: pafnuty
• License: mit
• Created: 2014-04-02T21:20:12.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2017-02-20T19:03:35.000Z (almost 8 years ago)
• Last Synced: 2024-04-15T00:15:50.054Z (9 months ago)
• Topics: images, placeholder-image, snippets, sublime-package, sublime-text
• Language: Python
• Homepage: https://imgholder.ru
• Size: 11.7 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ImgHolder

Plugin for SublimeText 2 and 3

Allows you to easily insert a link to a picture-placeholder from [imgholder.ru](https://imgholder.ru/) into html, css, less, sass and scss syntax, with custom size, text & font.

### HTML

![HTML](https://cloud.githubusercontent.com/assets/1635679/23137846/d69639f2-f7bd-11e6-8b4c-e9b1caacad72.png "HTML completions")

### CSS

![CSS](https://cloud.githubusercontent.com/assets/1635679/23137826/bef417a6-f7bd-11e6-8397-9295b7573238.png "CSS completions")

### SASS, LESS etc...

![SASS](https://cloud.githubusercontent.com/assets/1635679/23138032/ae634802-f7be-11e6-8526-40e90cf7a648.png "SASS, LESS etc")

### Markdown

![Markdown](https://cloud.githubusercontent.com/assets/1635679/23137900/1d56a9ee-f7be-11e6-9076-f49e28bee52c.png "Markdown completeons")

### Snippet

![Snippet](https://cloud.githubusercontent.com/assets/1635679/23138325/3019f674-f7c0-11e6-9284-b98c82919ff8.png "Snippet")

## Usage

Trigger autocomplete just after `src="`, `poster="`, `srcset="` or `url(` attributes and select the desired string. Or use snippet on tabTrigger: `imho` or `imgholder`.

## Settings

###InputMask:

`[width]x[height]/[background-color]/[text-color][.ext]&text=[some+text]&font=[font-name]&fz=[50]`

Use `/n` in the text to wrap text to a new line.

## Examples



    





    





    





    





    





    





    





    





    



### Available font names:

- [roboto](https://imgholder.ru/400x150&text=roboto&font=roboto) (default)

- [arial](https://imgholder.ru/400x150&text=arial&font=arial)

- [bebas](https://imgholder.ru/400x150&text=bebas&font=bebas)

- [bitter](https://imgholder.ru/400x150&text=bitter&font=bitter)

- [corki](https://imgholder.ru/400x150&text=corki&font=corki)

- [debby](https://imgholder.ru/400x150&text=debby&font=debby)

- [fashon fetish](https://imgholder.ru/400x150&text=fashon+fetish&font=ffl)

- [gtw](https://imgholder.ru/400x150&text=gtw&font=gtw)

- [kelson](https://imgholder.ru/400x150&text=kelson&font=kelson)

- [matias](https://imgholder.ru/400x150&text=matias&font=matias)

- [ptsans](https://imgholder.ru/400x150&text=ptsans&font=ptsans)

- [ptsans italic](https://imgholder.ru/400x150&text=ptsans+italic&font=ptsansi)

- [ptserif](https://imgholder.ru/400x150&text=ptserif&font=ptserif)

- [robotoslab](https://imgholder.ru/400x150&text=robotoslab&font=robotoslab)

- [tahoma](https://imgholder.ru/400x150&text=tahoma&font=tahoma)

### Available extensions: 

- [.png](https://imgHolder.ru/300.png)

- [.jpg](https://imgHolder.ru/300.jpg)

- [.gif](https://imgHolder.ru/300.gif)