Колобки для InstantCMS2

2279
Чего не хватает во второй ветке, так это смайликов. На этом сайте есть множество разработок, но все смайлики. кроме колобков, недостаточно точно передают всё разнообразие человеческих эмоций.
Колобки для 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
small user social cms
Спасибо тебе О Добрейший Человек, как же я ждал, когда наступит этот момент! crazy
Melon 9 октября 2016 в 15:50 +1
small user social cms
Присоединяюсь к первому комменту smile
Рома 9 октября 2016 в 15:54 0
small user social cms
Отличное решение! Было бы ещё лучше, сделать всплывающее окно с этими смайликами, как вк.
Ris 9 октября 2016 в 16:01 0
small user social cms
Вот со всплывающим окном:
http://www.instantcms.ru/blogs/chut-chut-blog/smaily-dlja-instantcms2-obnovlenie.html

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

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

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

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

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