Доделки форума

Выгрузил достаточно крупное обновление:

1. Переделал внешний вид визуального редактора — сделал его похожим на Quill (хотя это по-прежнему SCEditor), а также увеличил размер поля ввода для удобства редактирования. Также убрал возможность «играться со шрифтами» и фоном — требуется крайне редко, а место в панели занимает (хотя тег font всё равно будет работать, если ввести его вручную). Также убрал возможность менять размер редактора вручную, зато настроил его автоматическое увеличение по мере ввода.
   
2. Шрифты и визуальное оформление сообщения в визуальном режиме редактора теперь соответствуют тому, которое будет после публикации.
   
3. Доработал отображение списков и таблиц — убрал искажения из-за ненужных пустых строк. Кроме того, списки теперь выделяются отступами для улучшения читаемости.
   
4. Исправил баг, из-за которого автосохранение иногда не работало, если редактор был включен в визуальном режиме, а не режиме тегов.
   
5. При вставке ссылки с помощью редактора теперь можно начать набирать название темы (или её частичный URL), и тогда появится подсказка, позволяющая быстро вставить её полный адрес.
   
6. Увеличил размер аватара в правом верхнем углу и заменил значки подписки/отписки на Email-уведомления о новых сообщениях в теме на более понятные.
   

Обнаружил тут, что забыл поставить гостям права на комментирование новых разделов (Прогулки и Поездки). Сейчас исправил.

Исправлен баг: на мобильных устройствах не обновлялась CAPTCHA при обновлении страницы с формой комментария, из-за чего при попытке его ввода возникала ошибка «Неправильный код».

Существенно переработал RSS-ленты форума для улучшения юзабилити. Теперь в начало сообщения добавляется аватар и имя автора, чтобы можно было понять, чьё вообще это сообщение (раньше информация об авторе была только в теге dc:creator, который не поддерживается многими клиентами), а в заголовок вместо однотипных «Сообщение №… от …» выносятся первые 20-80 символов самого сообщения «умной» обрезкой (исключение — первые сообщения тем, там заголовок — это название темы). В лентах разделов и в «Обновившихся» теперь визуально разделяются новые темы и ответы: для ответов в начало заголовка добавляется символ ↳.
Была мысль сделать наоборот — выделять только сообщения, начинающие новые темы знаком 💬 или 🆕, но пока отказался.
Хотелось бы получить обратную связь от тех, кто пользуется RSS: стало ли лучше? Или всё-таки заголовок должен быть заголовком, то есть для разделов и «Обновлений» там надо оставлять название темы, в которой находится сообщение, а является ли сообщение ответом или началом новой — определять по соответствующему значку?

Сделал возможность переключаться на старый шаблон (чёрно-белый) на случай, если кому не понравится новый. Делается это в «Профиль и настройки»/«Настройки профиля», там появилась опция «Стиль сайта».

Полностью переделал шапку форума. Окончательно перевёл на flex (до этого там была жуткая мешанина из float для desktop-версии и float для flex), убрал теги ul и li (за счёт этого сайт стал более пригоден к использованию в консольных броузерах, да и просто DOM-элементов меньше) и переделал выпадающие меню на тег details, что решило давнюю проблему — невозможность зайти в подменю с клавиатуры.

Добавил возможность вставлять картинки непосредственно в текст изображения (а не как приложенные файлы, отображаемые в конце), а также делать вставку через drag'n'drop или из буфера обмена. Делается это через кнопку «Загрузить», которая появилась в диалоге вставки изображения. (Примечание: кнопка видна только пользователям, у которых есть права на загрузку файлов, и только в разделах, где это разрешено.)

Примечание: вставка из буфера работает только в WYSIWYG-режиме.
Картинки на момент редактирования вставляются в формате base64, после отправки сообщения — преобразуются в отдельные файлы. Если размер картинки превышает заданный в настройках, она будет автоматически уменьшена либо на стороне клиента, либо на стороне сервера.

Мда, типичный last minute bug: возможность грузить фото в base64 — добавил, а загрузить на сервер модуль, где делается проверка на размер сообщения с учётом возможного наличия картинок — забыл. Поэтому могли быть ошибки о слишком большом размере сообщения.

Ещё одна совершенно неожиданная доделка: настроил сохранение HTML-оформления текста при цитировании. Так что теперь можно цитировать и картинки. Кроме того, немного подкорректировал CSS, чтобы картинки было проще выделять, а в цитатах они теперь показываются в уменьшенном размере.