[Неактуально] Колобки для InstantCMS2

4416

Смайлы уже есть в движке. Пост неактуален.

Чего не хватает во второй ветке, так это смайликов. На этом сайте есть множество разработок, но все смайлики. кроме колобков, недостаточно точно передают всё разнообразие человеческих эмоций.
[Неактуально] Колобки для InstantCMS2


Неделю назад обнаружил учебник для самоваров по яваскрипту. Считаю, что создателям яваскрипта, в том виде, как он есть, нужно гвоздь в голову забить. Раньше я считал разработчиков PHP негодяями, но после ознакомления с яваскриптом, считаю их прекрасными людьми, заботящимися о вебмастерах и программистах.

Но, слава б-гу, нашлись люди, разработали jquery.
В общем представляю на всеобщее обозрение результаты моих экспериментов с джикверью.

[Неактуально] Колобки для InstantCMS2

Спойлер
Картинки смайликов можно удалять и добавлять в папку /smiles/smilies/
Принимает файлы любых форматов. Панель смайлов открывается и закрывается по клику.
Установка - просто скоприровать содержимое архива в корень сайта.
Изменено только два системных файла: /wysiwyg/markitup/sets/default-ru/set.js и \wysiwyg\markitup\sets\default-ru\style.css
--------------------------------------------------------------------------------------------------------------------------
Смайлики доработаны 16.10.2016

Устранены баги с добавлением смайлов вместо личных сообщений в открытую в фоне панель комментариев. Панель смайлов открывается теперь во всплывающем окне и автоматически скрывается по клику в любом месте, кроме самой панели.
Смещение панели смайлов можно задавать изменением переменных x и y в самом верху файла \wysiwyg\markitup\sets\default-ru\set.js
Архив перезалит.

Доработка 17.10.2016

Для мобильных устройств сделал панель по центру экрана и закрытие по клику на любом месте.
Архив перезалит.

Собственно сам архив:

Скачать смайлики для INSTANTCMS2



Совсем забыл. Три кнопки с буквами R G B - ими можно покрасить текст. Выделить текст и нажать кнопку.

По результатам тестирования выяснилось, что после установки необходимо очистить кэш.
И снова мигратор | Инструмент для изменения кармы и рейтинга администратором
Комментарии (67)
AmDmKo 9 октября 2016 в 15:47 0
Спасибо тебе О Добрейший Человек, как же я ждал, когда наступит этот момент! crazy
Melon 9 октября 2016 в 15:50 +1
Присоединяюсь к первому комменту smile
Рома 9 октября 2016 в 15:54 0
Отличное решение! Было бы ещё лучше, сделать всплывающее окно с этими смайликами, как вк.
Ris 9 октября 2016 в 16:01 0
Вот со всплывающим окном:
http://instantcms.ru/blogs/chut-chut-blog/smaily-dlja-instantcms2-obnovlenie.html

Есть один легкий нюанс. Личные сообщения уже выводятся во всплывающем окне. В результате второе всплывающее окно обрезается. Приходится сильно ограничивать количество самайлов, чтобы они помещались.
Ris 9 октября 2016 в 23:40 0
Сделал всплывающее окно. Ссылка на скачивание в тексте поста.
AmDmKo 9 октября 2016 в 16:00 0
Такой, вопрос, поставил на рабочий проект, пробовал, на чистый инстант, с первого раза смайлики не открываются, приходиться порой нажать - два или три раза, что бы они открылись. У меня одного так?) возможно пофиксить это?)
Ris 9 октября 2016 в 16:03 +1
Пофиксить возможно всё. Возможно это результат того, что на одну кнопку повешено и открытие панели и закрытие. Но не хотелось делать две кнопки.
Этот баг везде или только в личных сообщениях?
AmDmKo 9 октября 2016 в 16:06 0
Везде - на всех видах сообщений, а на NeoMesseger - вообще трудно открыть смайлы, а поставить их вообще невозможно.
Ris 9 октября 2016 в 16:16 0
Попробуйте выставить 777 на папку smiles в корне которая. На все файлы.
AmDmKo 9 октября 2016 в 16:20 0
Выставил) не помогло. Открывается со второго раза. В Нео Мессенджер - смайлы открываются с третего раза - но не ставятся в сам чат. Быть может это и не к вам вопрос, но нео мессенджер использует - стандартный маркитап. Щас для тестирования включу стандартный ЛС.
AmDmKo 9 октября 2016 в 16:16 0
https://youtu.be/am12ZQz1Pw4
для наглядности.
Ris 9 октября 2016 в 16:19 0
И ведь проверил на двух реальных сайтах (правда они оба на одном сервере).
Ладно, буду искать в чем дело...
AmDmKo 9 октября 2016 в 16:23 0
В общем так, стандартные личные сообщения работают идеально. Смайлы открываются, с первого раза. В NeoMesseger что то не так. Поставить смайлы не выходит - но это как я понимаю не ваша уже проблема.
А вот на стене пользователя - смайлы открываются со второго раза.
AmDmKo 9 октября 2016 в 16:26 0
Все-же поспешил, в лс тоже - что то нето. Как понял - дело в выдвижном (раздвигающимся) блоке.
Попробую со всплывающим окном.
Ris 9 октября 2016 в 16:28 +1
На неомессенджере не проверял, каюсь. Но проверю.
Буду работать над этим.
AmDmKo 9 октября 2016 в 16:33 0
v Спасибо что вообще помогаете, будем ждать) и тестить)
Ris 9 октября 2016 в 16:35 +1
Там вся проблема в том, что само окно редактора тоже загружается по аяксу. Видимо придется чуть ли не на боди обработчик вешать. Чего делать очень не хотелось...
Может кто из разбирающихся в яваскрипте что подскажет?...
lezginka.ru 9 октября 2016 в 16:05 +1
+
Kreator 9 октября 2016 в 16:07 0
Кстати, для информации, если у кого есть побочные альтернативные проекты ТУТ есть виджеты для джумла3 и вордпреса, а так же PHP код для самостоятельного альтернативного подключения чата.
Kreator 9 октября 2016 в 16:08 0
сорри, удалите плиз не в той теме написал
Петрмаг 9 октября 2016 в 20:05 0
Отличное решение,спасибо разработчику,движение только вперед!
Ris 16 октября 2016 в 00:57 0
Смайлики доработаны 16.10.2016

Устранены баги с добавлением смайлов вместо личных сообщений в открытую в фоне панель комментариев. Панель смайлов открывается теперь во всплывающем окне и автоматически скрывается по клику в любом месте, кроме самой панели.
Смещение панели смайлов можно задавать изменением переменных x и y в самом верху файла \wysiwyg\markitup\sets\default-ru\set.js
Архив перезалит.
Василич 16 октября 2016 в 01:16 0
В редакторе если вставить smile или : ) это все превратится в смайл? Смотрю скрин выше, там путь к картинке, как-то не по феншую.
Ris 16 октября 2016 в 01:23 0
Тот феньшуй BBCode зовется.
В InstantCMS2 бибикод не работает. sad
Андрей 16 октября 2016 в 08:07 -2
Я попробовал, залил, не работает, даже не появляются в панели редактора sad
Ris 16 октября 2016 в 11:01 0
Андрей, это для Маркитапа (редактор комментариев в двойке по умолчанию). А у Вас, смотрю, что-то своё установлено.
Андрей 16 октября 2016 в 12:58 -3
у меня просто гиперкомментс панель стоит, а так у меня Маркитап обыкновенный.
AmDmKo 16 октября 2016 в 17:37 +1
glasses Большое спасибо ВАМ! Теперь работает так как нужно! v
Ris 16 октября 2016 в 18:04 +1
После небольшого изучения jquery код markitup перестал быть бессмысленным набором скобок и точек, а приобрел вид осмысленного кода.
Просто заюзал готовые функции маркитапа.
Андрей 16 октября 2016 в 19:17 -2
Спасибо Андрей за помощь. Очистил кэш и всё заработало.
По предложениям:
1. На смартфоне смайлами пользоваться не получается, так как всплывает окно, где-то в стороне. Можно было бы адаптивности чутка добавить.
Ris 16 октября 2016 в 19:21 +2
Я попробую.
AmDmKo 16 октября 2016 в 19:43 +1
Поддержу по поводу адаптивности, неплохо было бы если бы они заполняли середину.

ПС: Еще неплохо было бы, иметь возможность при вставке 1го смайла - что бы поле со смайлами автоматом закрывалось. Допустим реализовать переключателем в коде, add_clos 1 or 0
Ris 16 октября 2016 в 20:58 +1
при вставке 1го смайла - что бы поле со смайлами автоматом закрывалось.

Я как раз уйму времени потратил, чтобы этого не было. smile
Решается примитивно в set.js 51-z строка убираете .not('.markItUpInlineUpload')
То есть строка должна выглядеть так:
$('div').click(function(){$('.markItUpInlineUpload').hide('slow', function()
Андрей 16 октября 2016 в 21:05 -3
в мобильной версии еще какой казус, при нажатии кнопки написать комментарий открывается панель набора символов устройства и если нажать на смайлы, то эта панель не скрывается, а панель смайлов в это же время уже открыта, то есть одновременно открыто две панели и экрана вообще не видно.
Ris 17 октября 2016 в 17:27 0
Поправил. Теперь закрывается по клику.
Khushruz 10 ноября 2016 в 12:25 0
у меня не работает моете помочь не могу обновлятся после обновление сайт не работает
Ris 16 октября 2016 в 21:02 +2
По поводу середины... назначить x и y нулями и всё.
Но я попробую сделать это в зависимости от определения дивайса.
AmDmKo 17 октября 2016 в 09:52 0
Будем ждать) а то 0 ставлю - по сути ничего не меняется) сильно вниз за экран уползает.
Ris 17 октября 2016 в 17:27 +2
Выставил по центру на мобильнике. Проверяйте.
AmDmKo 19 октября 2016 в 08:22 0
Пока не работает) все как было) правда я юзаю NeoMesseger. Будьте добры оптимизировать и под него)
Ris 19 октября 2016 в 08:50 0
И у меня работает.
Кэш очистите.
Андрей 19 октября 2016 в 08:38 -3
у меня работает
AmDmKo 19 октября 2016 в 15:46 0
Видать не так выразился) в неомеседжере смайлы работают, все отлично. Я имел ввиду про окно со смайлами, которое залезает ниже экрана, а на мобильных вообще тяжело использовать.
Ris 19 октября 2016 в 16:01 +1
У меня всё четко.
Вот эмулированный мобильник:
Спойлер
вот реальный sony z3 compact
Спойлер
Попробуйте зайти на мой тестовый сайт с мобильника.
lesterkey 17 октября 2016 в 08:00 0
Огромное спасибо! плюс и + в карму..
по поводу мобильных устройств
lesterkey 17 октября 2016 в 08:35 +2
facepalm во я нагородил.... с утра голова не варит.. извиняюсь sad
Bonefacei 18 октября 2016 в 00:26 +1
Отличное решение!
DELLитант 1 ноября 2016 в 21:06 +1
Из-под NeoMesseger с мобильника не выводится, а в обычной версии всё ОК.
Ris 1 ноября 2016 в 22:04 +1
Неомессенджер Sony Z3 compact 4.6 дюймов :

Спойлер
Возможно к неомессенджеру установлен nmEditor?
Тогда да, там другой шаблон.
титанио 10 ноября 2016 в 10:05 0
Установил на 2.6.0 на стандартный шаблон, ни чего не появилось.
AmDmKo 10 ноября 2016 в 10:56 0
Они в шаблон и не устанавливаются, а лишь правит markitup в папке wysiwyg
AmDmKo 10 ноября 2016 в 10:57 0
У меня на 2.6.0 отлично работают, перезалей архив вручную, wysiwyg и smiles в корень сайта joke
титанио 10 ноября 2016 в 14:34 0
Перезалил все в ручную, все равно ни чего не появилось
AmDmKo 10 ноября 2016 в 15:55 0
А Кеш после устоновки - чистили полностью?) что в настройках а не через F5
титанио 10 ноября 2016 в 17:33 0
да
титанио 10 ноября 2016 в 17:34 0
Странно, но через 2 часа все появилось))
Прям мистика ))
титанио 10 ноября 2016 в 17:38 0
+ в карму за идею и разработку)
Shuma 10 ноября 2016 в 19:20 0
Как бы теперь всем пользователям очистить кеш
DimaGrr 15 ноября 2016 в 15:19 0
скопировал, заменил set.js но смайлы не появляются, выходит окно с кнопкой "Обзор" "файл не выбран" "загрузить". Самих смайлов нет, что не так?
Ris 15 ноября 2016 в 15:29 0
Вам ссылка "Скачать смайлики для INSTANTCMS2" хорошо видна вверху?
DimaGrr 15 ноября 2016 в 16:20 0
конечно, содержимое архива скопировал в корень сайта.
DimaGrr 16 ноября 2016 в 10:53 0
появились смайлы, но на следующий день... может то, что я шаблоны менял. В общем не знаю, заработало и ладно.
DimaGrr 16 ноября 2016 в 10:55 0
проблема была в шаблоне tseso.
Олег Васильевич я 16 ноября 2016 в 11:55 0
Могли бы уточнить в чём именно проблема в шаблоне tseso?
Спасибо!
DimaGrr 16 ноября 2016 в 12:47 0
в шаблоне tseso
1. при заходе в "Мой профиль" отсутствует значёк для редактирования профиля (в правом верхнем углу профиля в виде молотка и ключа), соответственно редактировать профиль невозможно.
2. у неавторизированного пользователя в меню написано "Выйти" вместо "Вход"
3. смайлы Колобки для 2 не загружаются по нажатию на смайл (в дефолтовом шаблоне работают).
Олег Васильевич я 16 ноября 2016 в 13:41 0
DimaGrr , теперь ясно: используете шаблон не соответствующий версии системы.
Спасибо!
Ris 16 ноября 2016 в 13:43 +1
Незагрузку колобков решает замена /templates/tseso/js/core.js на core.js из дефолтного шаблона.