Code Monkey home page Code Monkey 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

bartholomej avatar otecfura avatar subzane avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

sublime-placehold.it's Issues

Plugin does not work

Installed the plugin via Package Control, restart Sublime 2, typed ph + tab, get plugin menu, selected default image and nothing is inserted. Using Sublime 2.0.1 Build 2217

Sublime Text 3

manual install didn't work in ST3 and it's not yet in package control. Any chance we could see an update?

Let me know if I can help. I poked around the code, but I don't know enough at the moment to fix it.

Thanks

Usage

I can't seem to figure out how to use this?

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.