Giter Site home page Giter Site logo

sublime-placehold.it's Introduction

Sublime-Placehold.it 1.2

Placehold.it plugin for Sublime Text 2

A plugin using the features of Placehold.it

  • Can insert an image tag with dummy image
  • Can store images locally to improve development speed and limit requests
  • Can insert any sized image tag with dummy image
  • Can browse and insert locally stored placeholder.it images
  • Text, Colors and Size can all be configured in the settings

Changelog

Version 1.2

  • Fixed bug where plugin crashed if failed to store image locally.
  • Plugin will echo informative error messages in console when failing to access or store images locally
  • When failing to store images locally, plugin will fall back to URL.
  • New setting ph_save_local. 0 = Do not save locally. 1 = Save locally.
  • The document you're working with must exist. Meaning, it need to have a file name.

Version 1.1

  • Can now store dummy images locally
  • Can browse locally stored images
  • Settings for adding a list of different custom sizes
  • Check the settings file for new settings
  • Better readme file

Version 1.0

  • Initial release

Installation

Package Control

If you have Package Control installed

  • search for "Placehold.it Image Tag Generator" to install it

Using Git

Go to your Sublime Text 2 Packages directory and clone the repository using the command below:

git clone https://github.com/SubZane/Sublime-Placehold.it

Download Manually

  • Download the files using the GitHub .zip download option
  • Unzip the files and rename the folder to Placehold.it Image Tag Generator
  • Copy the folder to your Sublime Text 2 Packages directory

How to use

  • Launch the Command Palette using the menu (Tools->Command Palette...) or short key-command Shift+Cmd+P
  • Be sure to look through the settings before use
  • Find Placehold.it Insert default size (for default sized image)
  • Find Placehold.it Insert custom size (to list your own custom set sizes)
  • Find Placehold.it Insert cached images (to browse and insert cached images)

Settings

Find the settings file in the menu: Sublime Text2 ~> Preferences ~> Package Settings ~> Snipt.net Snippet Fetcher ~> Settings

  • ph_bgcolor Change this to set your own background color (HEX value)
  • ph_textcolor Change this to set your own text color (HEX value)
  • ph_size The default size of the image, for quick insert
  • ph_default_sizes List of image sizes to insert
  • ph_format File format. You can use .png, .gif or .jpg
  • ph_text The text on the dummy image. Default is the size of the image
  • ph_save_local 1/0 if you want to save the dummy images locally
  • ph_imagepath The path for your image folder in your web project. This is where the dummy images is stored

Using key-commands

  • p, h, tab (to insert image)

sublime-placehold.it's People

Contributors

subzane avatar

Watchers

James Cloos avatar Julie Geiger avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.