Разбираемся с «небольшим» злоупотреблением HTML

Итак, вот интересная проблема.

Некоторые наши пользователи (особенно молодые) начали вложенно использовать теги <small>, чтобы сделать текст практически нечитаемым. Помимо простого выговора (что кажется чрезмерным, так как это раздражает, но не нарушает правила), есть ли предложения, как предотвратить это на бэкенде?

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

Пример мелкого текста здесь. Я могу писать что угодно, и вам придется приложить дополнительные усилия, чтобы это прочитать!

Для решения этой проблемы модераторам приходится активно редактировать пост, чтобы прочитать его, или копировать и вставлять текст.

Переопределить стиль тега через CSS?

.cooked {
    small {
        &, small {
            font-size: 1em;
        }
    }
}

Или, если вы хотите, чтобы тег small продолжал работать, но предотвратить вложенность,

.cooked {
    small {
        font-size: .7579em;
        small {
            font-size: 1em;
        }
    }
}

0.7579em — это значение по умолчанию.

Разве модераторы не должны заниматься нарушителями? Временно приостанавливать аккаунт пользователя на всё более длительные сроки за каждый помеченный пост, содержащий оскорбления.

Мы можем выбрать путь модерации, но, честно говоря, это дети (в основном 13 и 14 лет), и я предпочитаю более беспроблемный вариант: просто предотвращать это и объяснять им, почему я это делаю. Они не пытаются сознательно обойти модерацию; они просто хотят подчеркнуть свои чувства при общении, если вы понимаете, о чём я. Они чувствуют себя маленькими и незначительными и выражают это через изменение размера текста.

Этот CSS задан темой или где-то ещё? Я мало работал со стилями CSS, поэтому не совсем уверен, куда это следует добавить. (Кстати, это идеально.)

Если у вас еще нет пользовательских стилей, я считаю, что лучший способ — создать новый компонент темы.
Администрирование → Настройка → Компоненты → Создать новый компонент
Добавьте компонент в вашу тему.
Находясь в настройках вашей пользовательской темы, перейдите в раздел «Редактировать HTML/CSS», затем во вкладку «CSS».
Вставьте выбранный CSS-код, сохраните изменения и готово. :+1:t6:

Прекрасно. Решение внедрено, у них теперь текст поменьше, и я могу ЧИТАТЬ их сообщения. Идеально. Спасибо!