Изменяет переносы слов-названий методов в тексте

[Inventoris]

Привет снова!

Заметил, что некоторые названия методов, по типу .addEventListener(), разбиваются в тексте только по спецсимволам, из-за чего возникают такие вот пустоты:

На мой взгляд, выглядит странно: точка остаётся на одной строке, а остальной текст улетает на следующую, плюс разрезается фон и получается, словно что-то «оторвали». И чем длиннее название метода, например .getElementsByClassName(), тем больше эта пустота.

Что, если добавить в функцию небольшую возможность разбивать подобные названия? Поскольку методы из нескольких слов, каждое из которых начинается с заглавной буквы, предложил бы такую логику:

• Если в слове есть заглавные буквы, то:

1. Если НЕ начинается на заглавную, то вставить <wbr> перед каждой заглавной;
   .addEventListener() => <wbr>.<wbr>add<wbr>Event<wbr>Listener<wbr>(<wbr><wbr>)<wbr>

2. Если начинается с двух и более заглавных подряд, то вставить <wbr> только перед сочетанием заглавной и последующих букв в нижнем регистре;
   HTMLCollection => HTML<wbr>Collection

3. Если чередуется сочетание заглавной и букв в нижнем регистре, то вставить <wbr> со второй пары;
   FormData => Form<wbr>Data

4. В остальных случаях не трогать.
   Element => Element
submit => submit

• Если заглавных нет, то не трогать.

Получается так:

Выглядит вроде лучше, код прикладываю 😅

[nlopin]

Привет! Смотрю разные случаи, поэтому долго

[igsekor]

Решение интересное. Кажется, проблему решает 😇

[nlopin]

Мне нравится, что мы избавляемся от многих странных пробелов, но если код начинается с точки, то лучшего не использовать её как для переноса. Я нашел случаи, где на строке остаётся одна точка, а метод уезжает на следующую строку (Например в removeEventListener):

[nlopin]

Посмотрел ещё раз код код и понял, что это не связано с твоими изменениями