06.01.2006

AJAX Comment Preview

DOWNLOAD

Get the plugin from the Ajax Comment Preview page in the WordPress.org plugins directory.

COMPATIBILITY

The newest version of this plugin (version 2.1) is compatible with WordPress 2.6 and higher only. Users of WordPress 2.0.x should use the older version 1.0.1 (which is unsupported and probably broken).

INSTALLATION

For more information, see the Ajax Comment Preview FAQ in the WordPress.org plugins directory.

To use this plugin, all files from the zip file you download must be in your wp-content/plugins/ directory. If you choose to place them in a subdirectory, all files must be in the same directory.

Activate the plugin from your WordPress site’s Plugins admin page.

Edit the plugin’s options from your Options -> AJAX Comment Preview admin page in order to specify the formatting of the preview. This will depend on your particular theme. The default format works for WordPress’ default Kubrick theme.

Note: You may need to tweak your theme’s CSS to get the preview to look exactly like a normal comment.

Testing

I get a number of comments on this post testing the system. A little odd, since it seems to me people should be testing the preview functionality (which is new) not the comment posting functionality (which is the same old WordPress standard stuff). Anyway, that’s cool. Go ahead. But please do me a favor; don’t just thow up some lame “testing” comment. Try sending over a poem or maybe something from the Farmer’s Almanac. Tell me your favorite book/artist/music. Don’t suck; try to be creative.

The History

My original post.

2.1

  • Fixes an JavaScript issue in Internet Explorer reported by Eric

2.0

  • Full gravatar/avatar support
  • Moved to jQuery
  • WordPress 2.7 support
  • Should have fixed any character endcoding issues
  • Should now work on pages served as XML

1.2.1:

  • Fully internationalized dates

1.2:

  • Fixed some JS errors (Mark Jaquith)
  • %email_hash% available for gravatars
  • Readme file with configuration instructions
  • Fix double offset in dates (Mark Jaquith)

498 Comments »

  1.  
    aditia.numberone 10.27.2009 @ 23:21

    i have problem with ajax comment preview, my jQuery scrollto is not work if i use this

  2.  
    chudak 10.29.2009 @ 03:27

    Thanks,
    I’m the designer :)

  3.  
    Nokia Themes 10.31.2009 @ 03:08

    Nice preview. This is really looking good and I am using it to one 1 of my blogs

  4.  
    Anders Holm 11.01.2009 @ 03:15

    Yet another reason to update your WP blog to a newer version (2.6+)!

  5.  
    Kim Kirkpatrick 11.04.2009 @ 21:41

    It’s really too much trouble to do this; a true “code” tag is needed, one that would do a truly literal block quote, preserving initial space, special characters without interpretation, etc. But the preview at least makes it possible to fine-tune. Had to construct this in an editor for replacing stuff; had to use use ‍ to disconnect the %’s from %‍content%, etc.

    This is a wonderful plugin; should be in the core.

    class Ajax_Comment_Preview {
      function version() { return '2.0'; }
     
      function init() {
        add_option( 'ajax_comment_preview', array('template' => <<<EOM
        <ul class='commentlist'>
          <li id="comment-preview" class="thread-alt alt depth-1">
            <div id="div-comment-preview">
              <div class="comment-author vcard">
                %‍avatar:32%
                <cite>%‍author%</cite> Says:
              </div>
              <div class="comment-meta commentmetadata">
                <a title="" href="#comment-preview">%‍date%</a>
              </div>
     
            %content‍%
          </div>
        </li>
      </ul>

  6.  

    [...] Ajax Comment Preview [...]

  7.  

    [...] на самом сайте. Alexa Rank – показывает рейтинг в Alexa. Ajax Comment Preview – позволяет читателю-комментатору сделать [...]

  8.  

    [...] Ajax Comment Preview – Using this plugin, with the click of a button, your site’s visitors can preview their [...]

  9.  
    vibhor 11.30.2009 @ 21:20

    very nice !

  10.  
    vdsvd 12.03.2009 @ 01:54

    ds

  11.  
    asd 12.03.2009 @ 06:21

    Hi thats great

  12.  
    Adam 12.03.2009 @ 14:22

    This looks great

  13.  
    meo 12.04.2009 @ 02:30

    some comment

  14.  

    [...] CrossroaAjax Comment Preview – позволяет читателю-комментатору сделать предварительный просмотр комментария перед публикацией.ds – позволяет добавить в блог предварительный просмотр картинок вашего профиля во Flickr и комментарии к ним. FireStats – полная статистика по темам “кто ссылается” и “популярные страницы” [...]

  15.  
    Chris Cane 12.06.2009 @ 06:01

    Nice work!

    I will add to my http://www.scorecinci.org blog!

    Thanks

  16.  
    Pingback from Admipress 12.06.2009 @ 18:11

    [...] Ajax Comment Preview – Permet à vos lecteurs de voir leurs commentaires avant publications. [...]

  17.  

    [...] – 在全站运用AJAX,从而加快页面载入速度。 Alexa Rank – 显示Alexa排名。 Ajax Comment Preview – 允许读者在发表评论前预览。 asTunes – [...]

  18.  

    [...] Ajax Comment Preview – Ajax效果的留言预览插件, 会在留言文本框下面添加一个预览按钮, 点击生成按钮即可. [...]

  19.  
    Nolanimrod 12.12.2009 @ 15:54

    I put this in and it works perfectly. WP 2.9. 5 pentagons.

  20.  
    Pingback from Best Plugins For WordPress | Share Bank 12.17.2009 @ 20:59

    [...] на самом сайте. Alexa Rank – показывает рейтинг в Alexa. Ajax Comment Preview – позволяет читателю-комментатору сделать [...]

  21.  

    [...] Rank – 显示Alexa排名。 Ajax Comment Preview – 允许读者在发表评论前预览。 asTunes – [...]

  22.  

    [...] Ajax Comment Preview – Ajax效果的留言预览插件, 会在留言文本框下面添加一个预览按钮, 点击生成按钮即可. [...]

  23.  
    Pingback from Wordpress插件大整理 « 爱婴吧 01.10.2010 @ 00:23

    [...] – 在全站运用AJAX,从而加快页面载入速度。 Alexa Rank – 显示Alexa排名。 Ajax Comment Preview – 允许读者在发表评论前预览。 asTunes – [...]

  24.  
    jvdheuvel 01.15.2010 @ 14:27

    Sorry I have a rather stupid question, I can’t find the answer; if you look at my site the preview button (which is called “eerst kijken”) is positioned below the submit button (“klikken”).

    How do I get the preview to the right of the submit button? Similar to below, only I would like to have the preview to the right.

    Thanks

  25.  

    [...] Ajax Comment Preview – Allows readers to preview their comment before submitting. [...]

  26.  

    [...] 在评论管理中添加评论回复选项。 AJAX Comments 2.0 – 基于AJAX的评论系统。 Ajax Comment Preview – 允许读者在发表评论前预览。 Ajax Comments-Reply – [...]

  27.  
    asd 01.24.2010 @ 10:30

    asdas

  28.  
    Hikari 01.24.2010 @ 19:35

    hello!

    I’m developing a plugin that filters 'comment_text' in normal comments, and I don’t want it to to filter previewed comments.

    I tried to remove the filter after it was done but didn’t work, tried to set a flag that would be set and when so, filter would be skipped, but also didn’t work.

    It seems when your plugin’s JavaScript queries the server, everything is run again as if it was a whole new page being loaded, and everything done on previous page load is gone.

    Do you have any idea of what I can do? Is there a way to know when a load is from a preview, so I can turn off my plugin in those cases?

    •  
      Hikari 01.24.2010 @ 19:56

      I had found a solution ^^’

      I create a $true_page variable, and set it to false during class constructor. Then I add an action to 'wp_head', where it is set to true, and when my main filter runs if it is false I just skip and return.

      Since only pages that run themes’ header.php calls 'wp_head' action, I believe this way I can avoid any special request that is not meant for a full page load, and at once I can avoid situations like the generated by your plugin.

      tnx a lot for keeping it working, I love it ^-^

  29.  

    [...] 在评论管理中添加评论回复选项。 AJAX Comments 2.0 – 基于AJAX的评论系统。 Ajax Comment Preview – 允许读者在发表评论前预览。 Ajax Comments-Reply - [...]

  30.  
    Tammy 01.25.2010 @ 14:24

    Hi,

    Could you please tell me how (en where) I can tweak the Css of my theme to let the preview fit the comments?

    Thanks a lot, this is a great plugin!

  31.  
    test 01.25.2010 @ 19:43

    ssdfsd

  32.  
    kosaka 01.28.2010 @ 02:40

    Hi! good

  33.  
    asd 01.30.2010 @ 05:16

    sf

  34.  
    Nick 02.01.2010 @ 21:19

    This is a test. Hope it’s cool.

  35.  
    Anonymous 02.02.2010 @ 14:27

    l

  36.  

    [...] – 在全站运用AJAX,从而加快页面载入速度。 Alexa Rank – 显示Alexa排名。 Ajax Comment Preview – 允许读者在发表评论前预览。 asTunes – [...]

  37.  
    ich 02.04.2010 @ 13:24

    خوبه

  38.  
    ich 02.04.2010 @ 13:24

    ثحی

  39.  
    ich 02.07.2010 @ 03:17

    hidf

  40.  
    ich 02.07.2010 @ 03:17

    fdfgdg

  41.  
    SMae 02.07.2010 @ 12:55

    Hello,

    I can not seem to get my default avatar to appear with the comment preview, it shows the Gravatar default but not mine.

    I am typing [%]avatar:65:[image url][%] (without the “[“)

    Can anyone help?

    Cheers!

  42.  

    thanks Ben varsayılan avatar yorum önizleme ile görünmesi için görünmek değil, o Gravatar varsayılan ama benim değil gösterir.

Leave a Reply

Comment Moderation is on; comments with spammy words or a few links might be delayed. Don't worry, they'll get posted soon. If you think something has gone terribly wrong, contact me.

Line and paragraph breaks are inserted automatically and e-mail addresses are never displayed. You may use the following HTML tags in your comments.

<a abbr acronym b blockquote cite code del em i q strike strong>

© mdawaffe (Michael D Adams) - Powered by WordPress - Full Credits