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

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

    mondalaci

    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!

    NgocHuyPAV

    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

    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

    Contributors & Developers

    This is open source software. The following people have contributed to this plugin.

    Contributors

    Browse the code