Для того, щоб смайли перехоплювались при відображення - достатньо лише розпакувати вміст архіву в
/sites/all/modules/smileys/packs/
І за адресою
/admin/settings/smileys/import
Вмикаєте набір смайликів "podarok", вимкнувши при цьому всі нші (це вже за бажанням)
Цього достатньо для того, щоб система почала автоматично перехоплювати і відображати смайли для ввімкнених форматів вводу
/admin/settings/filters
Для того, щоб смайлики можна було вводити з меню bueditor - потрібно додати відповідну кнопку.
Код кнопки для вищевказаного набору смайлів:
js:
getSmile=function(txt) {
editor.active.replaceSelection(txt,'end');
editor.dialog.close();
}
var userForm = '<table><tr>';
userForm += '<td><a href="javascript:getSmile(\':smile:\');"><img src="/sites/all/modules/smileys/packs/podarok/smile.gif" alt="smile" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':angry:\');"><img src="/sites/all/modules/smileys/packs/podarok/angry.gif" alt="angry" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':chat:\');"><img src="/sites/all/modules/smileys/packs/podarok/chat.gif" alt="chat" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':bravo:\');"><img src="/sites/all/modules/smileys/packs/podarok/bravo.gif" alt="bravo" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':iloveu:\');"><img src="/sites/all/modules/smileys/packs/podarok/iloveyou.gif" alt="iloveyou" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':lol:\');"><img src="/sites/all/modules/smileys/packs/podarok/lol.gif" alt="lol" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':love:\');"><img src="/sites/all/modules/smileys/packs/podarok/love.gif" alt="love" /></a></td>';
userForm += '</tr><tr>';
userForm += '<td><a href="javascript:getSmile(\':chupachups:\');"><img src="/sites/all/modules/smileys/packs/podarok/chupachups.gif" alt="chupachups" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':friends:\');"><img src="/sites/all/modules/smileys/packs/podarok/friends.gif" alt="friends" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':ghost:\');"><img src="/sites/all/modules/smileys/packs/podarok/ghost.gif" alt="ghost" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':girl:\');"><img src="/sites/all/modules/smileys/packs/podarok/girl.gif" alt="girl" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':love4ever:\');"><img src="/sites/all/modules/smileys/packs/podarok/love4ever.gif" alt="love4ever" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':oups:\');"><img src="/sites/all/modules/smileys/packs/podarok/oups.gif" alt="oups" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':party:\');"><img src="/sites/all/modules/smileys/packs/podarok/party.gif" alt="party" /></a></td>';
userForm += '</tr><tr>';
userForm += '<td><a href="javascript:getSmile(\':glasses:\');"><img src="/sites/all/modules/smileys/packs/podarok/glasses.gif" alt="glasses" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':grade:\');"><img src="/sites/all/modules/smileys/packs/podarok/grade.gif" alt="grade" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':hat:\');"><img src="/sites/all/modules/smileys/packs/podarok/hat.gif" alt="hat" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':innocent:\');"><img src="/sites/all/modules/smileys/packs/podarok/innocent.gif" alt="innocent" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':sexy:\');"><img src="/sites/all/modules/smileys/packs/podarok/sexy.gif" alt="sexy" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':shock:\');"><img src="/sites/all/modules/smileys/packs/podarok/shock.gif" alt="shock" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':shy:\');"><img src="/sites/all/modules/smileys/packs/podarok/shy.gif" alt="shy" /></a></td>';
userForm += '</tr><tr>';
userForm += '<td><a href="javascript:getSmile(\':bla:\');"><img src="/sites/all/modules/smileys/packs/podarok/blabla.gif" alt="blablabla" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':sad:\');"><img src="/sites/all/modules/smileys/packs/podarok/sad.gif" alt="sad" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':beer:\');"><img src="/sites/all/modules/smileys/packs/podarok/beer.gif" alt="beer" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':bigsmile:\');"><img src="/sites/all/modules/smileys/packs/podarok/bigsmile.gif" alt="bigsmile" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':puzzled:\');"><img src="/sites/all/modules/smileys/packs/podarok/puzzled.gif" alt="puzzled" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':cry:\');"><img src="/sites/all/modules/smileys/packs/podarok/sad.gif" alt="cry" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':santa:\');"><img src="/sites/all/modules/smileys/packs/podarok/santa.gif" alt="santa" /></a></td>';
userForm += '</tr><tr>';
userForm += '<td><a href="javascript:getSmile(\':cash:\');"><img src="/sites/all/modules/smileys/packs/podarok/cash.gif" alt="cash" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':cool:\');"><img src="/sites/all/modules/smileys/packs/podarok/cool.gif" alt="cool" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':crazy:\');"><img src="/sites/all/modules/smileys/packs/podarok/crazy.gif" alt="crazy" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':crown:\');"><img src="/sites/all/modules/smileys/packs/podarok/crown.gif" alt="crown" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':sick:\');"><img src="/sites/all/modules/smileys/packs/podarok/sick.gif" alt="sick" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':sicklove:\');"><img src="/sites/all/modules/smileys/packs/podarok/sicklove.gif" alt="sicklove" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':tired:\');"><img src="/sites/all/modules/smileys/packs/podarok/tired.gif" alt="tired" /></a></td>';
userForm += '</tr><tr>';
userForm += '<td><a href="javascript:getSmile(\':davie:\');"><img src="/sites/all/modules/smileys/packs/podarok/davie.gif" alt="davie" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':drunk:\');"><img src="/sites/all/modules/smileys/packs/podarok/drunk.gif" alt="drunk" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':evil:\');"><img src="/sites/all/modules/smileys/packs/podarok/evil.gif" alt="evil" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':tongue:\');"><img src="/sites/all/modules/smileys/packs/podarok/tongue.gif" alt="tongue" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':throwup:\');"><img src="/sites/all/modules/smileys/packs/podarok/throwup.gif" alt="throwup" /></a></td>';
userForm += '<td><a href="javascript:getSmile(\':wink:\');"><img src="/sites/all/modules/smileys/packs/podarok/wink.png" alt="wink" /></a></td>';
userForm += '</tr></table>';
editor.dialog.open('Смайлики', userForm);
Впевнений, що будь-то з легкістю зможе як замінити всі смайли на свої власні, так і додати-видалити нові з набору.
Успіху і поменше граблів 8).
PSю При створенні пакету було використано досвід http://www.drupal.ru/node/26203
Звісно, з невеликими доробками.
Для бажаючих вдосконалити - вікно вибору смайлів може бути набагато гнучкішим з використанням верстки div або span, але на мене напала лінь і я вирішив зкомуніздити чужий досвід.
Trackback URL for this post:
| Attachment | Size |
|---|---|
| Друпал BUEditor Smileys (c)podarok | 393.43 KB |
