Мы рады представить новую версию ChatX под номером 1.3.0. С данной версией ChatX сделал серьёзный шаг вперёд. Чат научился новым функциям, стал лучше, визуально красивее.

Оглядываясь назад, сравнивая первоначальный код от Tutorialzine, или даже первый выпуск ChatX, кажется совершенно невероятным, какой длинный, порой тернистый, путь улучшений и обновлений мы прошли. ChatX может легко составить конкуренцию навороченным платным аналогам, при этом оставаясь предельно простым, понятным, нетребовательным, а также открытым. При этом мы не останавливаемся на достигнутом: сделано было много, ещё больше запланировано.

В целом, проделанную работу для этой версии можно разделить на три основных вектора (тем не менее, есть и другие обновления и улучшения, о которых раскажем в конце):

1. Загрузка графических файлов. ChatX научился загружать и отображать графические файлы — картинки в форматах jpg, jpeg, png, gif. В левом углу формы ответа вы найдете значок фото-камеры. Нажав по нему, вам будет предложено выбрать графическое изображение с вашего ПК / мобильного устройства. Загрузка изображений производится на известный зарубежный фотохостинг Imgur.com, поэтому вам не следует опасаться нехватки серверного пространства, черезмерной нагрузки на сервер и т.п. Фотохостинг Imgur хорошо себя зарекомендовал зарубежом, данным сайтом пользуются сотни тысяч людей ежедневно. Наш опыт работы с данным сайтом составляет не менее 3 лет, можем смело заверить, что это по-настоящему удобное, а главное надежное средство. Вы также можете загружать изображения с помощью Drag&Drop (перетаскиванием), но в данной версии чата эта функция проработана до конца не была, перетаскивать изображение надо строго на иконку фото-камеры. В дальнейшем планируем отвести целое поле ввода под эту задачу.
2. Теги форматирования. Данная функция была запланирована с самого начала и, теперь, получила реализацию. Причем исполнено все было самым лучшем образом, хотя изначально запланированная реализация имела множетсво недостатков. В качестве форматирующих тегов мы используем (наверняка для многих привычные) BB-теги. В данной версии мы ввели следующие BB-теги: [b]текст[/b] — делает текст жирным; [i]текст[/i] — делает текст курсивом; [u]текст[/u] — подчеркнутый текст; [color=red]текст[/color] — задает цвет тексту, в данном случае красный; Появилась возможность втсавлять изображения с помощью BB-тега: [img]ссылка на изображение[/img] (форматы: jpg, jpeg, png, gif). Также вы можете вставлять ссылки. Есть два способа это сделать: непосредственная ссылка — [url]https://ссылка на веб-сайт[/url]. Ссылка с произвольным описанием — [url=описание к ссылке]https://ссылка на веб-сайт[/url]. Многие BB-теги можно комбинировать.
3. Отдельный файл для собственных стилей. Настраивать цветовую палитру ChatX стало как никогда просто. Для того, чтобы вы могли подстроить оформление чата под свой индивидуальный дизайн сайта мы переписали CSS и добавили отдельный файл color_scheme.css. К некоторым стилям были добавлены подсказки, в дальнейшем планируем их обновить и дополнить.

Как уже было отмечено ранее, ChatX притерпел и другие изменения, среди которых, пожалуй, можно выделить: мы собрали собственный скрипт draggable.min.js, оригинальная библиотека имела излишний вес (>200 Кб), сейчас наша библиотека занимает лишь ~40 Кб дискового пространства (Обратите внимание, что некоторые сайты уже используют требуемые библиотеки, мы советуем вам убедиться в этом заранее и не подключать нашу библиотеку, если такая уже имеется). Мы почистили код: как JS, так и HTML и CSS), действительно стал код выглядеть приятнее. Кое-какие изменения PHP-части скрипта, в том числе был обнаружен баг с кириллицей кореллирующий с длинной сообщения. Исправлено. Саморасширяемое текстовое поле (textarea) теперь работает без нареканий, спасибо новому обновленному скриптовому решению. Мы добавли подсказку для поля с ник-неймом. Если пользователь попытается отправить сообщение, не заполнив перед этим поле с именем — ему будет показано предупреждение.