Добавление кнопки просмотра поста в полноэкранный редактор

Обожаю полноэкранный редактор в WordPress, в нем очень удобно работать с большими текстами, больше не приходится париться со скроллингом или расширять текстовое поле в обычном режиме.

Также он позволяет писать на HTML и вставлять изображения — по сути это всё, что мне нужно.

Однако первое, на что я обратил внимание, когда обнаружил его в админке — нет кнопки предварительного просмотра поста. А ведь я так люблю на нее нажимать :)

В течение некоторого времени эта проблема так и оставалась нерешенной и приходилось пользоваться обычным редактором, иногда я натыкался на некоторые решения в инете, но вот только они не работали. Кнопка конечно же добавлялась на верхнюю панель, но в предпросмотре поста не фиксировалось никаких изменений. Какой тогда смысл?

Как бы там ни было, теперь я написал готовое решение. Всё, что вам нужно, это вставить следующий код в файл functions.php вашей текущей темы (может не работать в старых версиях WordPress):

function true_add_preview_to_fullscreen() {
	echo "<script>
	jQuery(function($) {
		$('#post-preview')
		.clone()
		.removeClass('preview')
		.removeAttr('id')
		.css('margin', '0 0 0 5px')
		.text('Просмотр')
		.addClass('right')
		.click(function(event) {
			$('#post-preview').click();
			event.preventDefault(); 
		}).insertBefore('#wp-fullscreen-save input.button-primary');
	});</script>";
}
 
add_action('admin_footer-post-new.php', 'true_add_preview_to_fullscreen');
add_action('admin_footer-post.php', 'true_add_preview_to_fullscreen');

В результате получаем следующее:

Кнопка просмотра поста в полноэкранном режиме редактора в WordPress

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Комментарии — 2

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.

Миша Рудрастых и WordPress

Полезности из мира WordPress и жизни студии.

Мой телеграм-канал