[Инструкция]Как правильно вставлять Трифорс в комментарии на DTF

Третьего дня увидела пост некоего Карасика, который хвастался что ему удалось сделать Трифорс на dtf.

[Инструкция]Как правильно вставлять Трифорс в комментарии на DTF

Из профессиональной вежливости я не стала ему писать что метод Alt+255 уже как несколько лет неактуален так как все браузеры отображают этот спецсимвол с различной шириной.

Моя попытка в Трифорс =(
Моя попытка в Трифорс =(
Моё ебало в этот момент: "Ах ты <censorship>, питоношная, я тебе это припомню!"
Моё ебало в этот момент: "Ах ты <censorship>, питоношная, я тебе это припомню!"

В чём суть проблемы добавления трифорса на dtf?
Во-первых редактор комментариев на дтф режет любые двойные пробелы. Т.е. на бекэнде стандартное php-шное explode по пробелам, удаление всех пробелов и implode с одиночными пробелами. Просто вставить 2-4 пробела перед треугольником/эмодзи никак не получится.
И тут решение только в том что между пробелам надо добавлять специальные символы: невидимые пробелы.

Надо по науке выбрать такой символ, который будет отображаться во всех браузерах с одинаковой шириной. И этот символ: Zero-Width Space (U+200B). Пробел с нулевой шириной.

Вот теперь мы можем делать сколько угодно отступов используя этот символ.

Коды для вставки трифорса ниже. Не обращайте внимание что криво выглядит: в кодовом блоке моноширинный шрифт.

​ ​ ​ ▲ ▲​ ​ ​ ​▲
​ ​ ​ 🔺 🔺 🔺
​ ​ ​ 🐷 🐷 🐷

При вставке всё будет!

[Инструкция]Как правильно вставлять Трифорс в комментарии на DTF

Проверила, всё работает во всех браузерах.

[Инструкция]Как правильно вставлять Трифорс в комментарии на DTF
13
7
5
2
30 комментариев