Эмоции.js

[Megas]

А где демо?

[kwolfy]

Пока что только в репозитории, сейчас работаю над страничкой плагина.

[kwolfy]

Добавил демо

[wegorich]

В общем посоветую использовать лучше, os.alfajango.com/css-emoticons/ или hassankhan.github.io/emojify.js/.

[kwolfy]

Они не решают задачи о которой идет речь в статье, оба этих плагина лишь переводят код смайла в картинку и наоборот.

[wegorich]

У вас какой-то очень специфичный кейс, даже несколько кейсов. В общем случае проверенные временем плагины лучше и доработать их проще.

[RubaXa]

А не боитесь contenteditable, пробовали туда вставить «текст» из буфера?

[Dreddik]

А что в нём страшного?

[RubaXa]

То, что в него вставляется HTML и в итоге выполнив $(...).KEmoji('val'); получаем не text как можно подумать, а какой-то HTML.

[Dreddik]

Так вроде он для этого и предназначен

[RubaXa]

А, ну если вы считаете это нормальным и для всех очевидным, то ок…

[Dreddik]

Ну вы просто не предлагаете альтернативных вариантов.
ВКонтакте работает с contenteditable, и пока никто не умер

[RubaXa]

С одним «НО», html там не вставляется.

[kwolfy]

Спасибо за замечание. честно говоря не подумал о таком варианте событий. Это решаемая проблема.

[Vest]

Не стоило мне читать статью так поздно, я сломал демку :(

Я, правда, обычный любитель, но может быть вам запретить растягивание иконок? Хотя бы так.

[kwolfy]

Спасибо, я тоже вчера заметил этот баг, но пока что решить его не получилось (

[Infocatcher]

Вот так можно:

var div = ...;
div.focus();
try {
	document.execCommand("enableObjectResizing", false, false);
}
catch(e) {
}
if("onresizestart" in div) // IE
	div.onresizestart = function() { return false; };

P.S. А, ну там и так это все по ссылке выше описано. :)

[kwolfy]

Да, я ставил document.execCommand("enableObjectResizing", false, false); в начало скрипта и firefox почему то выдавал ошибку, я так понял ошибка была из за того что использовал функцию до полной загрузки документа.

[Zagrebelion]

296 запросов за картинками — это сильно.

[Reide740]

Заметил странный баг — удаляются все буквы перед смайликами, но сами смайлы нет. Если текста нет, то курсор просто перемещается в начало строки.

[kwolfy]

Какой у вас браузер?

[Reide740]

Мобильная версия Chrome.

[kwolfy]

Спасибо за комментарий, добавил в баг трекер.

[valenok]

А если попробовать создать смайлики под все 30 личностных форм и даже под многообразие «изотопов» каждого из 3-ти личностных форм в МОЛФ? Смотреть здесь: Макеев А.К. Ноосфера // Фундаментальные проблемы естествознания и техники. Серия «Проблемы исследования вселенной». Выпуск 36 в 5 частях. Часть 2 (З-Мак). Материалы, представленные на Конгресс-2014 к 21-26 июля 2014 года. — Санкт-Петербург: Международный Клуб Учёных, 2014. – С. 317-361. ISSN 2304-0300
Если кто-то возжелает огульно ставить мне новую груду минусов, тем самым он сам себя предъявит в качестве примитива, мракобеса, догматика или деграданта, которому не нужны знания о реальности.

[RubaXa]

А ты смешной!

[valenok]

Вот оно и случилось — самотестирование форумчан на степень развитости их личности. — Кто-то из примитивов-подлецов-деградантов не утерпел от соблазна поставить минус мне — открывателю неизвестных прежде законов природы, изобретателю каждодневно необходимых каждому ЗДРАВОМЫСЛЯЩЕМУ человеку устройств, технологий и методов!

Но пусть знает каждый подлец — примитив, мракобес, догматик и деградант (нигилист, наркоман, извращенец, маразматик, маньяк-террорист, галлюцинаторно бредящий сумасшедший): МЫСЛЬ МАТЕРИАЛЬНА материальностью пронзающих каждого из нас потоков различного масштаба отдельностей материи физического вакуума (материального эфира), являющихся носителями энергии информации мысли! Зло неотвратимо возвратится к источнику зла и воздаст злом за зло! Даже после смерти тела-организма того, кто является источником зла! Самый свежий пример воздаяния источникам зла мы очень скоро увидим в Украине: укрофашисты (примитивы-мракобесы-догматики-деграданты), начиная с их фюреров, получат полной мерой обратно своё зло, творимое против народа Новороссии и против народов России и всего человечества!

Подробнее об этом здесь: www.proza.ru/2014/08/13/1115

[RubaXa]

Это так круто, быть на столько упоротым, я даже карму плюсанул.

[Aliance]

Вы навешиваете обработчики событий через $().attr? Достижение «говнокод» получено!

Кстати, плохо искали. Видимо, вы искали конкретную реализацию смайликов, а стоило бы искать абстрактную работу с выделением текста (пример).

[Louter]

Ой, да ну бросьте: читаемость соблюдена, цель очевидна, кода меньше, чем в цепочке, + клонируемость без«наворотов» тривиальна) Не стоит так сурово вешать «говнокод» только потому что привыкли, что attr и биндинг, обычно, несовместимы))

[kwolfy]

Уж простите, что мой стиль отличается от вашего.
Я хотел бы посмотреть как вы в textarea вставите смайл! Пожалуйста прежде чем критиковать, проверьте свой пример на работоспособность.

[Aliance]

При чем здесь «мой пример»? В данном топике есть только ваш пример, его мы и обсуждаем. И я не критиковал потому, что у нас разные стили. А написал лишь, что вешать событийные обработчики через навешивание атрибутов (некая такая имитация inline способа регистрации обработчиков) — это плохо. Вы можете сколь угодно много минусовать меня, но это вам не прибавит опыта в конкретно данном вопросе.

[kwolfy]

При том, что «ваш пример» не рашает задачи приведенно статье, но вы все же приводите его.
Опять таки, это все дело вкуса, я считаю такой способ в данном случае — вполне уместным, и минисовал вас не я, но сделал бы это с удовольствием.

[Aliance]

Нет никакого «моего примера». Я дал ссылку на источник, где лишь описана работа с выделением курсора. Что является базовой составляющей вашего кода.
Считать тот или иной способ уместным — ваше право, равно как и мое — указать, что по моему мнению, он является некорректным.

[kwolfy]

Ок, у меня нет желания спорить.

[Louter]

Да чем это плохо?) И вообще, и в данном, конкретном случае?)