Интернет-технологии для бизнеса, учебы, жизни. Создание, управление, хранение, передача и обработка информации. Интернет-новости, обзоры. Психология интернета. Работа и заработок в сети.
Редактор со статистикой
Копирайтеру часто приходится считать количество написанного: число абзацев, число знаков с пробелами и без них, да и просто число слов. Дело в том, что копирайтерам часто платят за знаки. Кроме того, веб-мастерам тоже надо следить за числом символов в материалах, добавляемых на сайт. Очень удобно, когда вы, набирая текст сразу же видите всю статистику. Демонстрационный пример такой формы ввода со статистикой можно посмотреть на нашем сайте здесь . Хотя его можно и по назначению использовать. А теперь распишем подробно, как это можно сделать с помощью JavaScript плагина.
Формируем для начала html блок, куда будет выводиться результат подсчета статистики текста из поля textarea:
- Количество абзацев: 0
- Всего слов в тексте: 0
- Знаков без пробелов: 0
- Знаков с пробелами: 0
Теперь создадим несколько переменных. Одна будет ссылаться на элемент textarea. Другая будет представлять из себя объект с полями, ссылающимися на блоки, куда мы будем выводить результаты. Также надо еще запустить подсчёт числа символом, параграфов (точнее абзацев). Все это в коде ниже.
Да еще придется подключить стилевой файл и сам плагин (в заголовке страницы)
Ну, и еще конечно надо скачать сам плагин, стилевой файл и пример, как это все реализовать. Архив можно забрать здесь. В стилевом файле вам придется немного помудрить, если вы захотите изменить соотношение поля для ввода и поля со статистикой. По умолчанию: 70% и 20% и расстояние между ними 5% от ширины той страницы, на которой вы редактор разместите.