Плагин ввода текста и смайлов на основе jquery и дива

Цена договорная • электронные деньги
0 откликов • 0 просмотров
Разработать кроссбраузерный плагин ввода текста на основе jquery и дива contenteditable="true".
Входные параметры


На вход должен подаваться элемент htmltextarea.


Плагин должен поддерживать следующие атрибуты placeholder и maxlength.


При инициализации плагина должен присутствовать колбеки при
вводе текста, при достижении maxlength.
Инициализация


При вызове плагина, textarea должен присваиваться класс hidden и создаваться див с атрибутом contenteditable="true" сразу за ним.
Работа


При вводе текста в див, должен обновляться элемент textarea. При достижении
колличества символов записанных в textarea больше maxlength,
весь текст от максимального превышенного символа до конца должне подсвечиваться
красным. (как в твиттере)Т.е. оборачиваться в spanc красным стилем. Каретка
должна оставаться на корректном месте при любой ситуации.
Дополнительные функции



1) Разработать функцию для ввода смайликов(вида :smile: :hz: и тп) в указанное положение
корретки. На входе функции путь к смайлику и текстовое представление смайлика.
При вызове этой функции, в див должен вставиться тег img, а в textarea в соответствующее положение
текстовое представление смайлика. Вставка смайлика должна учитывать maxlength. Каретка должна оставаться на корректном месте при
любой ситуации.

Примеры.
До вставки в textarea и в див был текст
“Привет Маша”, после в
textarea стал текст “Привет :smile: Маша”,
а в див
“Привет <img data-emotion=":smile:" src="smiles.gif">
Маша”

Длина нового текста равна длине строки “Привет :smile: Маша”.

Если максимальная длина сообщения для “Привет Маша” равна
10, то текст в диве должен выглядеть так “Привет Маш<
spanclass=”red”>а</span>”



2) Получить текст и его длину из этого дива.

Требование.


Плагин должен быть полностью кроссбраузерным включая
поддержку IE8 и
браузеры современных мобильных устройств на платформах (Android, iOSи WindowsMob)

Дополнительно


Есть пример работы скрипта, без подсветки красным текстом
излишнего текста.


Дадим тому, что возьмется за эту задачу.

Оплату произведем по Webmoney после успешного выполнения заказа.
Ждем ваши заявки.