WP Grins – Lite

By Bes Zain in WordPress 46 Comments


A while back, when I released the new commenting section for this blog, one of the requests was the inclusion of smilies.

I installed WP Grins, but the overhead of the Prototype library was immediately noticable on the site.

Since I was already using jQuery here, it was apparent I wanted to port the plugin over.

WP Grins

I worked on a “lite” version on Friday, and talked to Alex King to see if it was okay to give you guys a download. He mentioned that he would be happy to do an update to the existing plugin, but had to do his own internal testing to make sure the lite version wouldn’t break blogs.

Until Alex is able to make an official release, I’m going to post a download link here for you all to check out.

Download Link

Here is the download link for WP Grins Lite.

The only difference between this plugin and the original is the use of the jQuery library.

Installation Instructions

Unzip the “wp-grins-lite.zip” file and copy the “wp-grins-lite” folder into your WordPress plugins directory.

From there, just activate the plugin in your admin plugin options.

WordPress Versions

This plugin has only been tested on WP 2.5, but there’s no reason why it shouldn’t work for 2.2+ installations.

Conclusion

WP Grins Lite is simply a port from the Prototype library to jQuery. The functionality should still be the same, but the footprint lighter.





Related Articles


Tags: , ,



Leave a Reply

Connect with Facebook



46 Responses to WP Grins – Lite

  1. Not A Niche June 25, 2008 at 8:41 am #

    Thanks Ron, I used this plugin but took it out because of using prototype. I will try out yours, which will be much better for the website performance, I’m sure! Thanks for the great work.

    Reply
  2. Ronald Huereca June 27, 2008 at 3:05 pm #

    @NaN,

    Hope it works out for you.

    Reply
  3. Tom Riddle July 8, 2008 at 1:46 am #

    In Write Post section, I click on the smilies but it doesn’t append smilies’ code into textarea. How can I fix it ?

    Reply
  4. Ronald Huereca July 9, 2008 at 10:35 pm #

    @Tom,

    That’s weird because it works for me on the Write Post section using FF 2.x also. So I’m not sure how to fix.

    If you have any other blogs, could you try it on those? If it works then, then I suspect a plugin conflict.

    Reply
  5. Chris Jean July 17, 2008 at 3:34 pm #

    Actually, I’m using 2.6, but it’s not an option.

    After playing around with the plugin a bit, I found an odd inconsistency. On one of my sites, the plugin worked just fine, but on the other, it functioned just as Tom Riddle indicated.

    I looked at the Error Console on the site that didn’t work, and found the following error each time I clicked an emoticon:

    Error: tinyMCE.selectedInstance.repaint is not a function

    I replaced these two lines:

    tinyMCE.execInstanceCommand(‘mce_editor_0′, ‘mceInsertContent’, false, ‘ ’ + tag + ‘ ’);
    tinyMCE.selectedInstance.repaint();

    with these two lines:

    tinyMCE.execCommand(‘mceInsertContent’, false, ‘ ’ + tag + ‘ ’);
    tinyMCE.execCommand(‘mceRepaint’);

    After making this change, the code worked on both sites. Since both are running version 2.6, the problem has to be a plugin incompatibility. I’m still looking at seeing if I can find more details on the problem.

    Reply
  6. Ronald Huereca July 21, 2008 at 8:58 pm #

    @Chris,

    I haven’t tested this on 2.6, but will shortly. I know there is an issue with WP 2.6 and jQuery (if other libraries are running). I’m pressed for time, and this is a side project, but I will try to get it to work using your suggestions.

    Reply
  7. Chris Jean July 21, 2008 at 9:00 pm #

    BTW… Hello again Ronald. This is the same Chris that hung out at the pub after WordCamp Dallas with Alex and some of the other WBTC guys.

    After all these months, I’m finally getting my head out in the WordPress world.

    Reply
  8. Ronald Huereca July 21, 2008 at 9:07 pm #

    Oh, sorry, didn’t recognize the name. But now I do. I have several pictures of you on my Flickr account :)

    That’s good you’re getting out.

    Reply
  9. Chris Jean July 21, 2008 at 9:17 pm #

    That’s odd. Most people remember my glowing blue computer chassis face. ;)

    I checked out those flickr images… Good stuff. That was a fun weekend.

    Anyways, back to business. I’ve advanced tremendously in terms of plugin development. If you ever need a hand, just drop me a line, and I’d be glad to help you out.

    Reply
  10. Andrei Neculau July 25, 2008 at 11:21 am #

    Thanks for a great MOD!

    Chris Jean’s suggestion worked brilliant! I had the same issue.

    Cheers!

    Reply
  11. Greg August 2, 2008 at 10:24 am #

    Thanks for this mod ! :wink:

    Reply
  12. Loammapeneage August 3, 2008 at 12:00 am #

    I agreed with you

    Reply
  13. HotForWords August 4, 2008 at 1:05 am #

    I am running 2.6 and this plugin loads itself 4 times in the header! I mean it loads the whole loadGrins, onclicks.. etc.. 4 times in my header.. I turn it off.. gone.. activate it.. boom.. loaded 4 times!

    Any idea why?

    I really want to use this as I am weening myself off of prototype.js.. and this is the last item I need to change!

    Thanks!

    Marina
    http://www.hotforwords.com

    Reply
  14. Ryder August 4, 2008 at 6:44 pm #

    Nice work on the plugin modification!

    The original wp-grins was about the last thing could not get working on my blog since upgrading to 2.6 version.

    I tried a few things to modify the original and make it work and did have the original grins working in the admin area but not on the front end comment section.

    This little WP Lite plugin worked like a champ on my WP 2.6 blog.

    So glad I found it! Nice to have my smilies back. :mrgreen:

    Reply
  15. Ronald Huereca August 4, 2008 at 10:17 pm #

    @HotForWords,

    I’ll need to have a look at your header.php file. Please file a bug report and attach a zip containing the file.

    @All,
    I plan on updating this this weekend for 2.6. Sorry for the delay. Client work comes first :)

    Reply
  16. HotForWords August 5, 2008 at 3:01 am #

    Thanks! I submitted a big report, I believe.. it looked like I got an error message for a second after hitting submit.. but then it took me to the completed page.. so I’m not sure if it went through.

    Thanks!
    MARINA

    Reply
  17. Ronald Huereca August 7, 2008 at 9:33 pm #

    Hey everyone,

    Updated the download link to implement Chris Jean’s suggestions, as well as “hopefully” fix HotForWords (like your videos btw) problems.

    Please give some feedback if it did/didn’t work for you.

    Ronald

    PS: Version is 1.1

    Reply
  18. abah August 19, 2008 at 4:38 pm #

    grins lite work great in my dashboard, but not in my comment area. i am not sure about wp-head (that noted in readme.txt), any suggestion?

    Reply
  19. Ronald Huereca August 19, 2008 at 5:33 pm #

    @Abah,

    Make sure your theme’s header.php has this in the HEAD tag.

    <?php wp_head(); ?>

    Reply
  20. Aouni August 30, 2008 at 4:02 pm #

    Am getting this error when I activate the plugin: Warning: Invalid argument supplied for foreach() … on line 48

    Reply
  21. Noel October 23, 2008 at 3:17 am #

    This past few days, I was trying this mod out and to my disappointment – it doesn’t work with my WP. But this morning when I checked I think it is working – dunno how or why? I remembered using this in a previous version of WP where I can even manage to edit my smilies or emoticons. Before I could add a few smilies and edit the codes as well but now I don’t see any link to even manage my smilies. Do you know where I should look at or edit? I would really be grateful. Thank you very much.

    Reply
  22. DarkWolf October 24, 2008 at 9:58 am #

    Hi!
    I have installed this plugin (wp-grins make a conflict with ajax-edit-comment instead wp-grins-lite works fine).
    I have also test to validate my site (W3C) but after installation of wp-grins-lite i receive 5errors and some warnings.
    I have fixed simply with this:
    Open: wp-grins.php
    Search:

    function loadGrins()

    Replace with:

    <!–
    function loadGrins()

    Now search:

    }

    <?php
    } //end function wp_grins_js

    Replace with:

    }
    //–>

    <?php
    } //end function wp_grins_js

    Now your validation is good and all works ok! :)

    Reply
  23. billythekid November 14, 2008 at 10:07 am #

    Thanks for a great plugin, the javascript part of the plugin does need <!– –> added to automatically validate but otherwise brilliant.

    I’m glad you did this as the breaking of WP-Grins was driving me mad, it’s amazing how much you come to rely on things isn’t it!

    btk

    Reply
  24. LeapFrog January 17, 2009 at 9:04 pm #

    nice plugin! How do I disable smilies in my write post area? I just need smilies in my comments only.

    Reply
  25. cwebb January 19, 2009 at 5:21 am #

    Hi, nice plugin, but I want to remove the javascript (loadGrins etc) into an external file because it’s huge in the source code but then I don’t see the smileys when trying to post a comment…

    Reply
  26. Jewellery February 21, 2009 at 12:18 pm #

    This is nice plugin. Smiley make comment more colorful. Cool!

    Reply
  27. Razvitie Usluga April 7, 2009 at 2:56 am #

    Wow, Ronald Huereca, You are great!
    Thanks for such beautiful option! :)

    Reply
  28. Pozycjonowanie Poznan April 27, 2009 at 5:58 am #

    It’s nice that they’re getting smaller and smaller but I think these days people have fast enough internet connections so they don’t have to worry about smilies.

    Reply
  29. Melanie May 20, 2009 at 3:01 pm #

    Thanks for a great plugin, the javascript part of the plugin does need added to automatically validate but otherwise brilliant.

    Reply
  30. Samuel May 20, 2009 at 3:16 pm #

    Thanks for a great plugin, the javascript part of the plugin does need added to automatically validate but otherwise brilliant.I want to remove the javascript (loadGrins etc) into an external file because it’s huge in the source code

    Reply
  31. Bryan Karl May 30, 2009 at 7:50 pm #

    Hi! Thank you very much for the lite versin of WP Grins! The original WP Grins actually doesn’t work when I make a post and it also messes up my homepage. This lite version is 100% functional! Thanks so much!

    Reply
  32. 3910 June 17, 2009 at 10:48 pm #

    WordPress Version 2.8 Browser IE8
    good Plugin. Thank you…

    Reply
  33. Pozycjonowanie February 9, 2010 at 3:17 pm #

    Updated the download link to implement Chris Jean’s suggestions, as well as “hopefully” fix HotForWords (like your videos btw) problems.

    Reply
  34. Brian March 16, 2010 at 12:36 pm #

    Thanks for the download. I love this plug-in, though it doesn’t always work well with all versions of word press; it definitely adds a little more life into my blog. I have mainly been using grins 1.4, but found that several visitors had a problem with this. Apparently there is a compatibility issue with my version of word press, but this lite version works like a charm.

    Reply
  35. Geraldo Reinecke January 25, 2011 at 2:33 pm #

    Excellent story once again! I am looking forward for more updates=)

    Reply

Trackbacks/Pingbacks

  1. ronalfy - June 23, 2008

    WP Grins Lite using jQuery – http://tinyurl.com/6l3d8p

  2. DK's BLOG » Emoticons Pack For WordPress - July 6, 2008

    [...] Delete: ‘:ideas:’ => ‘icon_ideas.gif’, and ‘:arrow:’ => ‘icon_arrow.gif’, 4. Download WP Grins Lite and install the plugin. 5. Active WP Grins Lite in [...]

  3. ronalfy - August 8, 2008

    I’ve silently released test versions of Ajax Edit Comments and WP-Grins-Lite. The latter can be found: http://tinyurl.com/6l3d8p

  4. Britt Malkas edb-blog » Blog Archive » Nemme smileys til kommentarerne - September 4, 2008

    [...] Du kan hente den her: http://www.raproject.com/wordpress/wp-grins-lite/ [...]

  5. 蝎子’s life » 我用的WordPress插件 - January 7, 2009

    [...] WP Grins Lite 刚才整理插件的时候，发现有个老外把WP [...]

  6. Recommended Plugins « YayThemes - Theme Previewer - May 25, 2009

    [...] WP Grins Lite – This allows your visitors and yourself to add smilies with one click. [...]

  7. wp-grins-lite: Meine Idee dedlaut! « Meine Domain war schon weg - July 19, 2009

    [...] wirklich: Da hat jemand nur das wp-grins-Plugin von der JavaScript-Library “prototype” auf die in WordPress [...]

  8. Yay! Themes » Recommended Wordpress Plugins - August 17, 2009

    [...] WP Grins Lite – This allows your visitors and yourself to add smilies with one click. [...]

  9. WP-Grins ??? ???? - December 2, 2009

    [...] http://www.raproject.com/wordpress/wp-grins-lite/ [...]

  10. Two Plugin Updates – Ajax Edit Comments and WP Grins Lite | The Reader Appreciation Project - May 13, 2010

    [...] WP-Grins, written by Alex King, was ported over by me to the jQuery library. For those not familiar with jQuery, it’s a far less bandwidth-intensive library compared to Prototype. The end result was WP-Grins Lite. [...]

  11. ?????????Web????????????Web??????hiroyuki???? – ?????????delrio.co.,ltd? - July 11, 2010

    [...] ????????????WP Grins Lite??? [...]

Get Free Email Updates