Как в редакторе подсчитывать в реальном времени количество введенных символов

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

Подсчет количества символов в content

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

function excerpt_count_js(){
echo 'jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style="color:#666;font-size:11px">цитата </div>");
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
jQuery("#excerpt").keyup( function() {
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
});
});';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');

Подсчет количества символов в excerpt

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

function content_count_js(){
echo 'jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style="color:#666;font-size:11px">контент </div>");
jQuery("#content_counter").val(jQuery("#content").val().length);
jQuery("#content").keyup( function() {
jQuery("#content_counter").val(jQuery("#content").val().length);
});
});';
}
add_action( 'admin_head-post.php', 'content_count_js');
add_action( 'admin_head-post-new.php', 'content_count_js');

Скрипт внедряет в заголовок бокса для ввода цитаты поста два окна, в которых отображается текущее количество символов, введенных в основном окне редактора и в окне для ввода цитаты.

Эти два кода внедряют в редактор jQuery-скрипт, подсчитывающий количество вводимых символов в окне. У этого скрипта есть один недостаток – он может подсчитывать вводимые символы только в режиме HTML. Так что если вы любитель визуального редактора, то для того, чтобы узнать, сколько вы ввели уже символов, просто переключитесь во вкладку HTML и установите курсор в конце текста.

Этот скрипт может пригодиться тем, кто соблюдает точность при написании постов, а так же тем, у кого есть определенные требования к длине постов. Обычно подсчитывать длину поста любят сеошники, потому что они считают, что поисковые системы не любят очень короткие тексты, а так же авторы, работающие за деньги и на заказ, перед которыми заказчики ставят определенные требование по объему материалов.