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

Как добавить кнопку предпросмотра поста в полноэкранный режим редактирования | n-wp.ru

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

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

Для того, чтобы добавить кнопку предпросмотра, откройте файл 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');

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

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

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

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

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*