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

Как в редакторе подсчитывать в реальном времени количество введенных символов | n-wp.ru
Пример кода jQuery-скрипта, который подсчитывает количество символов в посте в реальном времени, то есть по мере их ввода. Считаются все HTML-символы, включая и пробелы, отображается количество основного текста и количество символов в цитате поста.
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

Подсчет количества символов в 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');

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

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

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

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

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. Nurlan

    Меня интересует вопрос. Есть ли какой-то предел на вставляемые в functions.php разного рода кодов вывода той или иной функции?

    Ответить
  2. Nurlan

    Доброго временм суток. Я применил и первый и второй варианты кодов для подсчета символов. Почему показывает разное количество символов? Количество слов: 294 Знаков с пробелами: 2065 и там, где цитата кол. симв. -3241

    Ответить