nooshu » snipplr Archives http://nooshu.com Kneeling on the shoulders of giants Fri, 20 Jan 2012 11:38:04 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 WordPress plug-in: Snipplr Snippets http://nooshu.com/wordpress-plug-in-snipplr-snippets?utm_source=rss&utm_medium=rss&utm_campaign=wordpress-plug-in-snipplr-snippets http://nooshu.com/wordpress-plug-in-snipplr-snippets#comments Thu, 24 Jun 2010 15:27:05 +0000 Matt http://nooshu.com/?p=1230 Recently I blogged about the fact that Snipplr was under new management!, and what great news that is. You can see the changes being made already, fingers crossed they manage to nail the spam issue.

Back when Snipplr was young, Tyler Hall wrote a WordPress plug-in for Snipplr that allowed you to embed your snippets directly into your posts. What a great idea; unfortunately it hasn’t been updated since 2006 and much has changed in the world of WordPress. Enabling the plug-in in it’s current state is a little flakey; so I’ve decided to update it for WordPress 3.0+.

The plug-in is called ‘Snipplr Snippets’ and is available to download from the WordPress plug-in repository. I’ve used many of the functions that were in the old plug-in so it isn’t a complete rewrite but much of the structure has changed (big thank you to Marcin Dominas helped with a couple of issues i was having at first).

View of the snippler snippets side bar.

Snipplr Snippets sidebar widget in action.

The administrator area has been updated and there are a couple of new features available which hopefully are self explanatory. I’ve also updated to the latest version of GeSHi for the syntax highlighting, if you don’t like the look a feel of the outputted code simply disable the plug-in CSS in the site header (admin panel), copy to your style.css and modify as needed. For the plug-in to work you will need a Snipplr account and an API key (available from the settings page).

Once you’ve installed the plug-in and enabled it, it’s dead simple to include a snippet into your blog post like so:

1
2
//Remove the spaces inside the brackets.
[ snippet id=## ]

Where the ## is the ID of the snippet you wish to include in the post (you can get this from the snippet URL). The code below is pulling in a snippet directly from Snipplr using the plug-in:

  1. (function($){
  2.         $(window).load(function(){
  3.                 //Wait for the page to load, the cache the files you want
  4.                 $.ajax({url:‘javascript.js’, dataType:‘text’});
  5.                 $.ajax({url:‘image.jpg’, dataType:‘text’});
  6.                 $.ajax({url:‘flash.swf’, dataType:‘text’});
  7.                 $.ajax({url:‘style.css’, dataType:‘text’});
  8.         });
  9. })(jQuery);

I’ve tested the plug-in and it seems to work fine, there was a warning from the CodeColorer plug-in because it also uses GeSHi for syntax highlighting but I haven’t noticed anything break because of it. If it does please let me know and I’ll fix it. If you have any suggestions / bugs leave a comment and I’ll see what look into implementing / fixing them. Download here.

]]> http://nooshu.com/wordpress-plug-in-snipplr-snippets/feed 5