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

+31
5.46K

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

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

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

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

Иллюстрация

Иллюстрация
Картинки смайликов можно удалять и добавлять в папку /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 — ими можно покрасить текст. Выделить текст и нажать кнопку.

По результатам тестирования выяснилось, что после установки необходимо очистить кэш.
0
AmDmKo AmDmKo 7 лет назад #
Спасибо тебе О Добрейший Человек, как же я ждал, когда наступит этот момент! crazy
+1
Melon Melon 7 лет назад #
Присоединяюсь к первому комменту smile
0
Рома из Headpix Рома из Headpix 7 лет назад #
Отличное решение! Было бы ещё лучше, сделать всплывающее окно с этими смайликами, как вк.
0
Ris Ris 7 лет назад #
Вот со всплывающим окном:
http://instantcms.ru/blogs/chut-chut-blog/smaily-dlja-instantcms2-obnovlenie.html

Есть один легкий нюанс. Личные сообщения уже выводятся во всплывающем окне. В результате второе всплывающее окно обрезается. Приходится сильно ограничивать количество самайлов, чтобы они помещались.
0
Ris Ris 7 лет назад #
Сделал всплывающее окно. Ссылка на скачивание в тексте поста.
0
AmDmKo AmDmKo 7 лет назад #
Такой, вопрос, поставил на рабочий проект, пробовал, на чистый инстант, с первого раза смайлики не открываются, приходиться порой нажать - два или три раза, что бы они открылись. У меня одного так?) возможно пофиксить это?)
+1
Ris Ris 7 лет назад #
Пофиксить возможно всё. Возможно это результат того, что на одну кнопку повешено и открытие панели и закрытие. Но не хотелось делать две кнопки.
Этот баг везде или только в личных сообщениях?
0
AmDmKo AmDmKo 7 лет назад #
Везде - на всех видах сообщений, а на NeoMesseger - вообще трудно открыть смайлы, а поставить их вообще невозможно.
0
Ris Ris 7 лет назад #
Попробуйте выставить 777 на папку smiles в корне которая. На все файлы.
0
AmDmKo AmDmKo 7 лет назад #
Выставил) не помогло. Открывается со второго раза. В Нео Мессенджер - смайлы открываются с третего раза - но не ставятся в сам чат. Быть может это и не к вам вопрос, но нео мессенджер использует - стандартный маркитап. Щас для тестирования включу стандартный ЛС.
0
AmDmKo AmDmKo 7 лет назад #
https://youtu.be/am12ZQz1Pw4
для наглядности.
0
Ris Ris 7 лет назад #
И ведь проверил на двух реальных сайтах (правда они оба на одном сервере).
Ладно, буду искать в чем дело...
0
AmDmKo AmDmKo 7 лет назад #
В общем так, стандартные личные сообщения работают идеально. Смайлы открываются, с первого раза. В NeoMesseger что то не так. Поставить смайлы не выходит - но это как я понимаю не ваша уже проблема.
А вот на стене пользователя - смайлы открываются со второго раза.
0
AmDmKo AmDmKo 7 лет назад #
Все-же поспешил, в лс тоже - что то нето. Как понял - дело в выдвижном (раздвигающимся) блоке.
Попробую со всплывающим окном.
+1
Ris Ris 7 лет назад #
На неомессенджере не проверял, каюсь. Но проверю.
Буду работать над этим.
0
AmDmKo AmDmKo 7 лет назад #
v Спасибо что вообще помогаете, будем ждать) и тестить)
+1
Ris Ris 7 лет назад #
Там вся проблема в том, что само окно редактора тоже загружается по аяксу. Видимо придется чуть ли не на боди обработчик вешать. Чего делать очень не хотелось...
Может кто из разбирающихся в яваскрипте что подскажет?...
+1
lezginka.ru lezginka.ru 7 лет назад #
+
0
Kreator Kreator 7 лет назад #
Кстати, для информации, если у кого есть побочные альтернативные проекты ТУТ есть виджеты для джумла3 и вордпреса, а так же PHP код для самостоятельного альтернативного подключения чата.
0
Kreator Kreator 7 лет назад #
сорри, удалите плиз не в той теме написал
0
Петрмаг Петрмаг 7 лет назад #
Отличное решение,спасибо разработчику,движение только вперед!
0
Ris Ris 7 лет назад #
Смайлики доработаны 16.10.2016

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

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

Я как раз уйму времени потратил, чтобы этого не было. smile
Решается примитивно в set.js 51-z строка убираете .not('.markItUpInlineUpload')
То есть строка должна выглядеть так:
$('div').click(function(){$('.markItUpInlineUpload').hide('slow', function()
-3
Андрей Андрей 7 лет назад #
в мобильной версии еще какой казус, при нажатии кнопки написать комментарий открывается панель набора символов устройства и если нажать на смайлы, то эта панель не скрывается, а панель смайлов в это же время уже открыта, то есть одновременно открыто две панели и экрана вообще не видно.
0
Ris Ris 7 лет назад #
Поправил. Теперь закрывается по клику.
0
Khushruz Khushruz 7 лет назад #
у меня не работает моете помочь не могу обновлятся после обновление сайт не работает
+2
Ris Ris 7 лет назад #
По поводу середины... назначить x и y нулями и всё.
Но я попробую сделать это в зависимости от определения дивайса.
0
AmDmKo AmDmKo 7 лет назад #
Будем ждать) а то 0 ставлю - по сути ничего не меняется) сильно вниз за экран уползает.
+2
Ris Ris 7 лет назад #
Выставил по центру на мобильнике. Проверяйте.
0
AmDmKo AmDmKo 7 лет назад #
Пока не работает) все как было) правда я юзаю NeoMesseger. Будьте добры оптимизировать и под него)
0
Ris Ris 7 лет назад #
И у меня работает.
Кэш очистите.
-3
Андрей Андрей 7 лет назад #
у меня работает
0
AmDmKo AmDmKo 7 лет назад #
Видать не так выразился) в неомеседжере смайлы работают, все отлично. Я имел ввиду про окно со смайлами, которое залезает ниже экрана, а на мобильных вообще тяжело использовать.
+1
Ris Ris 7 лет назад #
У меня всё четко.
Вот эмулированный мобильник:
Спойлер
вот реальный sony z3 compact
Спойлер
Попробуйте зайти на мой тестовый сайт с мобильника.
0
lesterkey lesterkey 7 лет назад #
Огромное спасибо! плюс и + в карму..
по поводу мобильных устройств
+2
lesterkey lesterkey 7 лет назад #
facepalm во я нагородил.... с утра голова не варит.. извиняюсь sad
+1
Bonefacei Bonefacei 7 лет назад #
Отличное решение!
+1
DELLитант DELLитант 7 лет назад #
Из-под NeoMesseger с мобильника не выводится, а в обычной версии всё ОК.
+1
Ris Ris 7 лет назад #
Неомессенджер Sony Z3 compact 4.6 дюймов :

Спойлер
Возможно к неомессенджеру установлен nmEditor?
Тогда да, там другой шаблон.
0
титанио титанио 7 лет назад #
Установил на 2.6.0 на стандартный шаблон, ни чего не появилось.
0
AmDmKo AmDmKo 7 лет назад #
Они в шаблон и не устанавливаются, а лишь правит markitup в папке wysiwyg
0
AmDmKo AmDmKo 7 лет назад #
У меня на 2.6.0 отлично работают, перезалей архив вручную, wysiwyg и smiles в корень сайта joke
0
титанио титанио 7 лет назад #
Перезалил все в ручную, все равно ни чего не появилось
0
AmDmKo AmDmKo 7 лет назад #
А Кеш после устоновки - чистили полностью?) что в настройках а не через F5
0
титанио титанио 7 лет назад #
да
0
титанио титанио 7 лет назад #
Странно, но через 2 часа все появилось))
Прям мистика ))
0
титанио титанио 7 лет назад #
+ в карму за идею и разработку)
0
Shuma Shuma 7 лет назад #
Как бы теперь всем пользователям очистить кеш
0
DimaGrr DimaGrr 7 лет назад #
скопировал, заменил set.js но смайлы не появляются, выходит окно с кнопкой "Обзор" "файл не выбран" "загрузить". Самих смайлов нет, что не так?
0
Ris Ris 7 лет назад #
Вам ссылка "Скачать смайлики для INSTANTCMS2" хорошо видна вверху?
0
DimaGrr DimaGrr 7 лет назад #
конечно, содержимое архива скопировал в корень сайта.
0
DimaGrr DimaGrr 7 лет назад #
появились смайлы, но на следующий день... может то, что я шаблоны менял. В общем не знаю, заработало и ладно.
0
DimaGrr DimaGrr 7 лет назад #
проблема была в шаблоне tseso.
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
DimaGrr DimaGrr 7 лет назад #
в шаблоне tseso
1. при заходе в "Мой профиль" отсутствует значёк для редактирования профиля (в правом верхнем углу профиля в виде молотка и ключа), соответственно редактировать профиль невозможно.
2. у неавторизированного пользователя в меню написано "Выйти" вместо "Вход"
3. смайлы Колобки для 2 не загружаются по нажатию на смайл (в дефолтовом шаблоне работают).
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
+1
Ris Ris 7 лет назад #
Незагрузку колобков решает замена /templates/tseso/js/core.js на core.js из дефолтного шаблона.

Еще от автора

Сверхлёгкий webserver на Alpine linux
Не знаю, как нормальных людей, но меня всё время мучает вопрос, зачем для размещения небольшого сайта на виртуальном сервере я вынужден устанавливать
Накрутка рейтинга и кармы пользователям, контенту и фото.
По многочисленным просьбам изготовил новый инструмент для изменения администратором сайта рейтинга и кармы пользователей.
Авторизация по любым полям из профиля и по API
Представляю уважаемому сообществу небольшое дополнение для доработки авторизации вашего сайта, а также для интеграции двух сайтов на Instantcms друг с
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.