Алоха, товарищи!

Сегодня я хочу представить вам свое видение смайликов для Livestreet. Возможно вы не увидите ничего принципиально нового, однако я надеюсь, что плагин будет просто работать и помогать людям выражать свои чувства на сайте. Да, ваш сайт станет живее.





Этот плагин преобразует смайлики на стороне клиента, то есть средствами JavaScript. Смайлики не будут отображаться, если у пользователя отключен Javscript, но кто отключает js, тот не пьет половины функциональности LS не увидит.

Особенности

• Позволит выражать эмоции
• Смайлики из набора Emoji
• Совместим с MarkItUp
• Простое добавление новых смайликов через конфиг
• Меньше запросов к серверу — выше производительность!

Пригодится для

• Создания особой атмосферы на сайте
• Развлекательного сайта
• Сайта аля ВКонтакте

Совместимость с шаблонами

Совместим почти со всеми шаблонами. Для того, чтобы плагин преобразовывал смайлики в графические, необходимо добавить к блоку с текстом класс text. Например:

<div class='text'>
    Er ist shwein :(
</div> <!-- Работает -->
<p class='big text'>
    Ich hisse :D Petya
</p> <!-- Работает -->
<div class='supertext'>
    0_0 Teufel
</div> <!-- Не работает -->

Хорошая новость: плагин совместим с плагином Flow! Если у вас есть Flow, то активируйте параметр интеграции в конфиге.

Добавление своих смайликов и изменение текущих

На данный момент смайлики хранятся в спрайте. Это обеспечивает лучшую производительность, потому что не создается множество http запросов к картинкам. Поэтому, чтобы добавить свой смайлик, в конфиге необходимо добавить новый элемент в массив с текстовым представлением смайлика и позицией его на спрайте. Пример:

':DDD' => '-60px -20px',

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

Текстовое представление (в данном случае — :DDD) можно изменять почти как угодно. Но лучше сохранять обратную совместимость и не менять текстовое значение, а добавлять новый элемент в массив.

Будущее плагина

В будущем я планирую добавить совместимость с редактором TyniMCE разработать более простую систему добавления своих смайлов.
UPD: как оказалось, в TyniMCE уже есть смайлики.

В качестве концовки

Плагин абсолютно бесплатен. Я буду рад улучшать плагин и дальше.
Жду ваших комментариев и предложений!