WP NIcEdit-A WYSIWYG comment editor for wordpress

July 13th, 2008

Posted by brajesh

“UPDATE:The version 1.0 of the plugin is available on wordpress,please use following link to download

http://wordpress.org/extend/plugins/wp-nicedit/

and go to this page for updated information on the plugin http://geekytalks.com/2008/11/wp-nicedit-updated-version-10-released.html

Well,After working for the last 30 minutes,finally I am done with the plugin.WP NicEdit is a wordpress plugin which integrates Brian Kirchoff’s Nic Edit(a javascript based rich text editor) to wordpress comments area making it visully pleasing and enhancing its capability.it makes the Comments section feature rich.Once you Install this plugin you(Your visitors) get a visual editor for posting their comments.So it’s pleasing to have all this.

To See a demo, please look at the comment section of this page.still I am posting one of the pic to show how it looks like.

NicEditor How it Looks Like:–well here is a pic to depict how it looks like….

Nic Editor

Now how it looks when integrated to the Comments..Good question…

Integrated to comments

Now you Can choose the font-family,size,formatting and various other options while writing comments..wow..sounds Great..

Ahh..I forgot.. I need to put here ..how to install it…well..it’s damn simple…

Download:Update file is available here http://wordpress.org/extend/plugins/wp-nicedit/

For the updates,please visit my post http://geekytalks.com/2008/11/wp-nicedit-updated-version-10-released.html

Installation:

  1. Unzip wp-nicedit.zip
  2. Upload the wp-nic`edit folder to your wp-content/plugins/ directory
  3. Log in to your admin.Go to Plugins menu
  4. Find the “WP NicEdit” there and click activate.
  5. Congrats,You are done.Go and check your comments on any page/post it is working now :)

Please Note:IE6 is having a little trouble while integrating this plugin.The Visula editor will appear but it will not be enabled.i.e. you may not use the functionalities of NiCEditor.


How to OverCome it:Well the reason of this trouble is,there is a p tag wraping the text area in your comments.php file

Follow the following steps( only required for making it work in IE)
1.Open the Comments.php of your theme(found in your theme folder) in any of the text editor
2.Locate the line which says something like…

<p><textarea id=”comment” name=”comment”></textarea></p>

and replace it with <textarea id=”comment” name=”comment”></textarea>

i.e. we have removed the wrapping p tags.

That’s all we are done now.

If you have any problem with the plugin or wish to add some features please let me know.I am always open to your suggestions and will love to add the feature.Further please leave your comment below for any support i will reply within 24 hour.

Credits:

All the credit for the editor goes to Brian Kirchoff for making the wonderful editor.

I will also like to thank Michael for his great post 10 Best Plugins To Get More Comments from where i got to know about the NicEdit.

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BlinkList
  • description
  • Furl
  • IndiaGram
  • LinkedIn
  • Live
  • Ma.gnolia
  • Netvouz
  • Slashdot
  • SphereIt
  • StumbleUpon
  • Technorati
  • TwitThis

Tags: ,


36 Responses to “WP NIcEdit-A WYSIWYG comment editor for wordpress”

  1. Marco Ruelicke.net Says:

    hm…I must have missed the IE fix on the official NicEdit forum because I was wondering how to get rid of that bug.Thanks for the hint and good luck with your blog :)


  2. Marco Ruelicke.net Says:

    ah, just noticed that you also suffer the NicEdit linebreak issue. Have a look at my post about how to fix it. :)


  3. brajesh Says:

    Hi Marco
    Thanks for your comments.I am happy that it helped you in some way.Yes, you are right. about the line break issue.
    I looked at your post.Very nicely explained :) .
    Thanks


  4. Michael Martin Says:

    There’s a fix for the IE problem? Cool - I might add it to my blog again then!.(Though the site is down at the minute :( )

    Michael Martins last blog post..Prepare Your Blog for the iPhone, Easily


  5. brajesh Says:

    Hi Michael
    Thanks for visiting  and comment.I will love to see it added on your blog.Yes, there is a small issue with IE for NIcEdit, it does not work in IE if the text area is surrounded by paragraph tag.So we need to remove the paragraph tag surrounding the text area to make it work in IE :)


  6. Memperbaiki fasilitas comment - basfinsiregar.com Says:

    [...] sudah membuat plugin ini, I’ll give them a link to their site.  Anda bisa mendownload plugin WYSIWYG text-editor di sini, sedang subsribe to comment di sini (khusus [...]


  7. basf Says:

    I just installed the plugin. It is great. but the problem is it doesnt support keyboard shortcut such “ctrl a”, “ctrl backspace”, “ctrl del” or “ctrl shif arrow”. I have to use mouse just to move my cursor on the text.that kinda makes my typing slower and less enjoyable. I hope there is a fix to that issue.

    basfs last blog post..Memperbaiki fasilitas comment


  8. xihad Says:

    hi there,thnx for this wonderful plugin. i m really lovin it :)but i m facing a problem. as i m using custom smily plugin and added some smileys over the comment box, after activating this plugin those smileys are not working . any suggestion regarding this?? thnx in advance. take care… :)


  9. nirman Says:

    Hi BrajeshAfter all those shaky MCE editors, this is finally a brilliant plugin to have. THanks a lot for creaging this. We are, however, having one small problem. In our Comments area we are also using another plug-in [called: BANGLAKB] which attaches three bangla typing keyboards to enable the users to switch between English and Bengali typing. For some reason, after installing this NIcEdit, the Bangla keyboards are not working. Any advice would be gratefully accepted. With kind regards, Nirman

    nirmans last blog post..চলে গেলেন মাহমুদুল হক


  10. nirman Says:

    Also, I have just noticed that the buttons are not  functioning. It works (and shows) before I click the submit button. But the end result is different.

    nirmans last blog post..চলে গেলেন মাহমুদুল হক


  11. brajesh Says:

    Hi basf
    thanks for visiting and pingback :)
    I am sorry to say ,the NicEdit blocks browsers default copy paste.But yes,there is a workaround.
    please check the forum thread of NicEdit here http://nicedit.com/forums/view.....&t=261
    Here Ytahn has provided an updated WpNicEdit.js which you can upload to your plugins/wp-nicedit/ folder overwriting the default and it will allow the cpy paste and other operation.
    Hope it helps.


  12. brajesh Says:

    hi xihad
    thanks for your nice comment.
    please provide the link to your blog i will check that.Most  probably the problem is because custom-smilies uses id of comment  text area in its code,while this plugin(NicEdit) sets the comment text area to display:none so when custom smiley try to get the element,it is not presen on the page.That’s the reason for not showing smilies.,I am looking for a work around(guess calling the custom smilies functions, before wpNicEdit’s), but a lil busy for next 2-3 days so will be posting soon after that.
    Thanks for visiting ,have a nice day.


  13. xihad Says:

    hi brajesh,thnx for replying. presently i m not using ur plugin untill the problem is solved. the another reason is i m also having the same problem as nirmaan said above which i noticed later on. the bangla keyboad switching is also not working after installing ur plugin. there could nothing be great if it is possible to solve this two problems. hoping to hear from u soon :) take care…


  14. brajesh Says:

    hi
    Nirman thanks for visiting and providing the feedbak of the bugs.I chcked your blog and checked the issue.
    I will be looking at the weekend on these all the issues and sorting it possibly by the end of sunday. :)
    xihad ,thanks for the feedback, I hope as soon as i solve it, you will like to use it then :)


  15. nirman (rayhan) Says:

    many thanks brajesh for agreeing to look into the matter. both xihad and i have been looking for an editor like this for our respective community blogs, which could potentially enhance commenting experience. we both wish you luck. :)


  16. Greg Johnson Says:

    It seems to be very buggy in FireFox3. I get duplicate textareas when trying to remove a text indent.

    Greg Johnsons last blog post..The WordPress.org plugin repository is nearly useless


  17. Convierte los aburridos textarea o comentarios de WP en editores de texto con AJAX | ..: CRISTIAN ESLAVA | Diseño Gráfico / Web | Maquetación | Flash | Multimedia | 3D | Fotografía :.. Says:

    [...] un plugin para WordPress que podéis descargar [...]


  18. brajesh Says:

    Hi Greg,Thanks for your comment.I am using firefox 3 right now and I don’t have any issue.Can you show me an example,where the issue is.
    Thanks
    Brajesh


  19. Jen Says:

    Hi I really like this plugin, however I’m testing it on my site and found that if you use the link button, the comment doesn’t actually save. Do you have any suggestions? I want to test it here as well.. just to see how well it works here. Test link


  20. Jen Says:

    Did my comment just go through?


  21. Jen Says:

    I think I may have found a bug. whenever I use the link feature, the comment doesn’t get posted. I just sent a comment, and added a link, and it didn’t show up. Oh, I just realized, it shows up as spam! Is there any kind of fix for this?


  22. brajesh Says:

    hi Jen
    Thanks for dropping by,I am sorry I could not reply you earlier.
    The comment appearing with spam is not an issue with this plugin.Please check your discussion settings
    Dashboard->settings->discussion,and allow more than 1, or two or any number of links, you want.There will not be any problem there.
    As you may see here, your first post and the comment no.2 by Marco,contains links but did not get caught as spam as my sites discussion settings allows 2 links in a comment.

    If you have still any issue,Please let me know,I will certainly do my level best to help you
    Regards
    Brajesh


  23. Wp NicEdit v1.0 The updated RichTextEditor for comment in wordpress | Geeky Talks |All about wordpress and programming Says:

    [...] general information about the wp-nicedit ,please visit my post here http://geekytalks.com/2008/07/.....html.There you will find the help on installation.Or use readme.txt included as a [...]


  24. M T Pamir Says:

    hi, unlfortunately i didnt found the files in the given link for download  ? is anything wrong ? http://wordpress.org/extend/wp-nicedit/ .. file not found!!


  25. brajesh Says:

    hi M T
    I am sorry,I left here the wrong link,here is the correct link http://wordpress.org/extend/plugins/wp-nicedit
    Thanks for pointing my mistake.I am going to correct it in a minute.


  26. Andy Kaiser Says:

    (This post is a duplicate of the one I just left. The first post was made in IE. This one was made in Chrome.)Hi Brajesh, Thanks for an excellent plugin! I have a problem in that it works fine with IE, but does NOT work correctly with Chrome. When a user leaves a comment in Chrome, all line breaks are lost and the resulting comment is a solid block of text with no breaks.I assume this is fixable, but didn’t know if you were aware of it for future version releases.Thanks,Andy Kaiser


  27. Richard Says:

    Oh, and really love to see some smilies. People love them :-)


  28. Convierte textarea o comentarios de WP, editores de texto con AJAX at Blog Borchani Studios Says:

    [...] un plugin para WordPress que poder descargar [...]


  29. LOmiG Says:

    hi,great plugin. I would like to use it with Ajax Comments : is it possible ?when i just install both plugins, it says, every time someone posts a comment : “You forgot to fill-in the comment”do you know how to deal with it ?thanks a lot


  30. brajesh Says:

    hi Andy,Thanks for reminding,sorry I was a little busy ,so could not update you,I will certainly take over the issue in the next release.


  31. brajesh Says:

    @LOmiG and @Richard
    Please check my updates on your issues Here


  32. anoopamz Says:

    i am looking for a plugin that adds a editor to widget, if
    that widget contains a textarea , that plugin should change that
    textarea to  Editer(in view page). Can You help me?


  33. anoopamz Says:

    sorry, let me clear - i am looking for a plugin that can make an editor in wordpresswidget, if
    that widget contains a textarea .that is  plugin should change textarea to  Editer(in view page). Can You help me?


  34. brajesh Says:

    hello Anoop,
    I have already mailed you.sorry for the delays.Just let me know and I will certainly help you.


  35. anoop Says:

    Dear Brajesh,I have mailed you in detail. Please replay


  36. Richard Says:

    I’m using the @reply plugin http://wordpress.org/extend/plugins/reply-to/ which automaticaly puts an anchor to the person you reply to in the comment form. Unfortunately this plugin does not work with NIceEdit. Is there anyway to make this work please?


Leave a Reply