Skip to content

Jakobud/vscode-placeholder-images

Folders and files

NameName
Last commit message
Last commit date

Latest commit

aa792fe · Jan 31, 2021

History

81 Commits
Feb 10, 2017
Jan 31, 2021
Jan 28, 2021
Jan 31, 2021
Sep 4, 2016
Sep 4, 2016
Jan 31, 2021
Feb 10, 2017
Feb 10, 2017
Feb 2, 2017
Jan 31, 2021

Repository files navigation

Placeholder Images for Visual Studio Code

Generate and insert placeholder images into your HTML in Visual Studio Code using various 3rd party services like Unsplash, placehold.it, LoremFlickr and more.

Generating a placeholder image using placehold.it

Placeholder services supported

Features

  • Choose image width, height, text, colors and more
  • Insert generated <img> tag into your HTML or copy it to the clipboard
  • Insert the image url into your HTML, copy to clipboard or open it in your browser

Examples

https://unsplash.it/200/100

http://placehold.it/250x120?text=hello+world

http://placeskull.com/170/170

http://lorempixel.com/200/300/sports/foobar

Visual Studio Code Commands

Placeholder Images: Insert new image

  • Choose a placeholder image service and specify image width, height, etc to generate a new placeholder image

Placeholder Images: Recent images

  • Choose from a list of your most recently used placeholder images

Settings

placeholderImages.quoteStyle

  • Quote style for HTML tags. Possible values are single or double
  • Default: single

placeholderImages.maxRecentImages

  • The maximum number of image urls to save for the Recent images list
  • Default: 10

Disclaimer: This extension is not affiliated with any of the specified 3rd-party placeholder image services.