Как добавить кнопку предпросмотра поста в полноэкранный режим редактирования

Полноэкранный режим редактирования – образец минимализма. Мне этот режим нравится, когда я пишу большие тексты: он дает возможность сосредоточиться только не тексте, не отвлекаясь на информационный шум. Однако даже этот почти идеальный инструмент для творчества копирайтера не является абсолютным совершенством. Многим в нем не хватает кнопки предпросмотра, для просмотра промежуточного результата работы приходится переключаться в обычный режим редактирования. Впрочем, это можно исправить, добавив такую кнопку в полноэкранный режим редактирования.

Для того, чтобы добавить кнопку предпросмотра, откройте файл functions.php используемой темы, и вставьте в него следующий код:

function preview_button_fullscreen() {
	echo "
	jQuery(function($) {
		$('#post-preview')
		.clone()
		.removeClass('preview')
		.removeAttr('id')
		.css('margin', '0 0 0 4px')
		.text('Просмотр')
		.addClass('right')
		.click(function(event) { 
			$('#title').val( $('#wp-fullscreen-title').val() );
			if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-tmce-mode' ) ) {
				tinyMCE.get('content').setContent(tinyMCE.get('wp_mce_fullscreen').getContent());
			} else if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-html-mode' ) ){
				$('#content').val( $('#wp_mce_fullscreen').val() );
			} 
			$('#post-preview').click();
			event.preventDefault(); 
		}).insertBefore('#wp-fullscreen-save input.button-primary');
		$('#wp-fullscreen-modes a').click(function(){
			if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-html-mode' ) ) {
				$('#content-html').click(); 
			} else if( $('#wp-fullscreen-mode-bar' ).hasClass( 'wp-tmce-mode' ) ){
				$('#content-tmce').click(); 
			}
		});
	});";
}

add_action('admin_footer-post.php', 'preview_button_fullscreen'); 
add_action('admin_footer-post-new.php', 'preview_button_fullscreen');

До вставки панель инструментов редактора в полноэкранном режиме выглядела так:

После вставки на ней появится кнопка просмотра предварительного результата.