Skip to content

Instantly share code, notes, and snippets.

@alexkingorg

alexkingorg/wp-fullscreen-preview-button.php

Last active September 5, 2024 01:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alexkingorg/3062569 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alexkingorg/3062569 to your computer and use it in GitHub Desktop.
Download ZIP
Add a preview button to the WordPress fullscreen editor toolbar.
Raw
wp-fullscreen-preview-button.php
<?php
/*
Plugin Name: Fullscreen Preview Button
Description: Add a preview button to the fullscreen editor toolbar.
Version: 1.2
Author: Alex King
Author URI: http://alexking.org
License: GPL2
*/
function akv3_fullscreen_preview_button() {
?>
<script type="text/javascript">
;(function($) {
var $preview = $('#post-preview');
$preview.clone()
.removeAttr('id').removeClass('preview').addClass('right')
.css('margin-left', '5px')
.click(function(e) {
$preview.click();
e.preventDefault();
})
.insertBefore('#wp-fullscreen-save input.button-primary');
}(jQuery));
</script>
<?php
}
add_action('admin_footer-post-new.php', 'akv3_fullscreen_preview_button');
add_action('admin_footer-post.php', 'akv3_fullscreen_preview_button');
@alexkingorg
Copy link
Author

alexkingorg commented Jan 14, 2013

Updated for WP 3.5.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment