Changeset 3788 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/comments.php

Timestamp:

08/09/2016 06:06:41 PM (10 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Add a comment preview to the front-end form for user contributed notes.

• Preview is fetched via AJAX.
• Preview updates 1.5 seconds after user stops typing.
• Adds editor toolbar button "preview note".
• Moves filtering of 'syntaxhighlighter_htmlresult' outside of just handbooks since it can also be applied elsewhere.

Props keesiemeijer.
Fixes #1865.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/comments.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/comments.php

@@ -88 +88 @@
         ) ); ?>
 
+        <!-- Comment Preview -->
+        <div id='comment-preview' class='comment byuser depth-1' style='display:none;'>
+            <article class='comment-body'>
+                <header class='comment-meta'>
+                    <div>
+                        <?php _e( 'Preview', 'wporg' ); ?>
+                        <span class='spinner' style='display:none'></span>
+                    </div>
+                </header>
+                <div class='comment-content'></div>
+            </article>
+        </div>
+
     <?php endif; ?>