This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Live Comment Preview

Description

New in Version 2.0

  • Zero configuration required / intelligent parsing of theme comment HTML
  • Disallowed HTML tags are stripped from the preview (thanks to Jamie Zawinski)

Live Comment Preview (LCP) allows your users to see how their comment will
appear on the site as they type it.

Uses client-side Javascript only (no Ajax requests to the server) which means a
responsive, smooth, live comment preview.

Contribute on Github

Photo credit: AmUnivers

Thanks!

Thanks to Jeff Minard for developing this plugin originally and also to Iacovos Constantinou for his JS functions for parsing the comment text.

Screenshots

  • Comment preview in WordPress' default theme Twenty Twelve

Installation

Use WordPress’ built-in plugin installer, or do a manual install:

  1. Download live-comment-preview.zip
  2. Unzip the archive
  3. Upload the live-comment-preview folder to your wp-content/plugins directory
  4. Activate the plugin through the WordPress admin interface

Enjoy!

FAQ

Why isn’t the comment preview showing up?

First, check your theme’s comments.php file. It must contain the code
or <?php
do_action('comment_form', $post->ID); ?>
. If it doesn’t, you will need
to add it in.

Second, if the comment form fields do not have the proper id values (same ones
as the default WordPress theme), the comment preview will not work.

Can I make the preview display in another location?

Yes, you can add the code <?php live_preview(); ?> in comments.php where
you want the preview to be show.

Why doesn’t the comment preview look like the rest of the comments?

Most likely because your theme does not use the standard comment HTML used by
the WordPress default theme. Comments should be wrapped in

    .

    Can I supply my own HTML for the comment preview?

    Yes, simply create a file called comment-preview.php in your theme folder and
    insert the strings COMMENT_CONTENT, COMMENT_AUTHOR, and AVATAR_URL where you would
    like the respective content to show up.

    Reviews

    Too buggy lately

    This plugin has served me well over the years but then it started to became buggy, not being able to fetch its JavaScript file. Based on the number of unaddressed GitHub issues and the lack of recent releases (that contain actual fixes) I consider it unmaintained and I stopped using it.

    It worked!

    It worked on my blog. But if your plugin has feature as this plugin: https://wordpress.org/extend/plugins/comment-form-quicktags/ or feature as this comment form: b, i, link…tags at Review, I will be happier! Thanks!

    Read all 5 reviews

    Contributors & Developers

    “Live Comment Preview” is open source software. The following people have contributed to this plugin.

    Contributors

    Translate “Live Comment Preview” into your language.

    Interested in development?

    Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

    Changelog

    2.0.3 (2015-10-29)

    • Fixed an error notice when mocking a comment for preview

    2.0.2 (2012-12-17)

    • Tested with WordPress 3.5 and Twenty Twelve theme
    • Added aria live region for accessibility. Thanks Bruce Lawson for this!”
    • Cleaned up a bunch of PHP warnings and notices when in debug mode

    2.0.1 (2011-09-08)

    2.0 (2011-09-04)

    2.0b1 (2011-01-16)

    • Zero configuration required / intelligent parsing of theme comment HTML
    • Disallowed HTML tags are stripped from the preview (thanks to Jamie Zawinski)

    1.9 (2008-04-19)

    1.8.2 (2007-12-03)

    • Bug fix: Only works if blog url is the web site root.

    1.8.1 (2007-12-02)

    • Bug fix: Javascript doesn’t load for users who have WP in a subdirectory.

    1.8 (2007-11-29)

    • First release by Brad Touesnard
    • Added Gravatar support

    1.7 (2005-06-05)

    • Last release by Jeff Minard