Едет верстка из-за ключевых слов типа [Проигрыш]:, [Припев]: и т. д.

У меня много подборов с табулатурами, над которыми расставлены аккорды. Если перед табулатурой стоит название части песни в квадратных скобках с двоеточием (например, [Проигрыш]:), пробелы перед аккордами испаряются. Вот, например:
https://amdm.ru/akkordi/nastya_poleva/103555/letuchiy_fregat/
Исчезло три пробела перед аккордами над табулатурой.

Аналогичная проблема возникает, если в подборе припев указан словом [Припев]: и отбит вправо пробелами или табуляцией. Вот, например:
https://amdm.ru/akkordi/nastya_poleva/128916/ariadna/
В припевах аккорды первой строки съехали в начало, хотя изначально были отбиты девятью пробелами.

Подборы, которые не помечены правильными, я еще могу поправить сам. А вот подборы с галочкой править нельзя, так что тут надо что-то делать.
Профиль Artur_Dodonov
@Artur_Dodonov
  • Вопрос задан
  • 1,259 просмотров
  • 0
Все комментарии (9)
Подписаться
Профиль admin
admin 27 февраля 2023 в 11:33:19
 
Рейтинг комментария
+2
Сейчас алгоритм работает так:
Если есть строчка
Припев: _______| Dm | Dm | Gm | A7 | Dm | Dm | Gm | A7 |

то код автоматически сначала отделяет ключевое слово и переносит на новую строчку:
[Припев]:
_______ | Dm | Dm | Gm | A7 | Dm | Dm | Gm | A7 |
а затем удаляет пробелы перед новой строчкой, так как такие пробелы были в изначальной строчке и касались отступа от ключевого слова, и получается:
[Припев]:
| Dm | Dm | Gm | A7 | Dm | Dm | Gm | A7 |

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

Потренируемся на ваших примерах и добавим обновление.
Напишу по результату.

Благодарю за найденную ошибку и приведенные примеры.
Профиль admin
admin 27 февраля 2023 в 15:42:52
 
Рейтинг комментария
+1
Поправили алгоритм. Всё оказалось по-другому, чем я вам написал в предыдущем комментарии.
Оказалось, что это ошибка в последнем обновлении и определении ключевых слов для функции скрытия.
Исправили.

А так же исправили определение припева, если в слове [Припев N]: присутствует цифра.
Единственный момент остался, это определение окончания припева.
Сейчас это пустая строка, но в вашем подборе, и, как предлагал @ReVisor делать окончание припева в начале следующего ключевого слова.
Я бы с этим согласился, если бы все подборы были структурированы под новый формат подбора. В старых подборах чаще есть только слово "Припев:", но отсутствуют остальные. Поэтому пока так оставим, но в будущем исправим.

@Artur_Dodonov и честно говоря, ваш подбор https://amdm.ru/akkordi/nastya_poleva/128916/ariadna/
не соответствует правилу https://amdm.ru/rules/podbor_oformlenie/#i1_3_3
1.3.3. Табуляция допускается в единственном случае - дополнительный отступ для припева или иного смыслового отрывка текста, при этом для каждой его строчки количество знаков табуляции должно совпадать. Допускается только один символ табуляции.

Я понимаю, что вы очень красиво оформили подбор, и он прекрасно смотрится на компьютере, но два знака табуляции плохо смотрятся на мобильных устройствах, где ширина экрана ограничена. Именно поэтому мы сейчас сделали возможность двигать блок "припев" вправо (как знак табуляции) или выделять цветом и именно для мобильных устройств. Кому нужно подвинет или выделит цветом, а когда знаков табуляции больше одного, то уже не помещается (да и один тоже не желателен).

Вот, сами посмотрите:
https://amdm.ru/del/qa/1.png
https://amdm.ru/del/qa/2.png
и без табов в припеве:
https://amdm.ru/del/qa/3.png

Что думаете?
Профиль Artur_Dodonov
Artur_Dodonov автор 27 февраля 2023 в 16:56:29
 
Рейтинг комментария
0
@admin, тут песня с очень сложной структурой. В ней на самом деле, не считая интродукции и двух соло, пять разных аккордовых последовательностей: две на условный куплет, две на условный припев и одна на бридж. Арт-рок, как-никак :-)
Насчет телефона я понял. Действительно, это неудобно, надо убирать все сдвиги (сам я, правда, это сделать не могу). Только вот что делать вместо них? Читая с листа, лучше сразу видеть, что сейчас аккорды изменятся. Я пытался это как-то визуально выделить, поэтому каждая секвенция сделана со своим отступом. Возможно, имеет смысл убрать вообще все отступы, но дать автору подбора возможность какими-то тэгами разметить части, а потом уже скриптом по этой разметке делать сдвиги или раскраску.
Профиль Artur_Dodonov
Artur_Dodonov автор 27 февраля 2023 в 17:11:25
 
Рейтинг комментария
0
Да, кстати. У телефонов есть какой-нибудь стандарт размера экрана? Может быть, стоит в форме добавления/редактирования подбора сделать еще зеленую линию, которая ограничивает этот размер. А то здесь:
https://amdm.ru/del/qa/3.png
даже без отступов текст целиком не помещается на экране. Если бы я при добавлении это видел, попробовал бы сверстать текст так, чтобы он поместился.
Профиль admin
admin 27 февраля 2023 в 20:11:50
 
Рейтинг комментария
0
@Artur_Dodonov Вы уже знаете, что можно ставить комментарии в текст подбора для фраз /* Потом основной рифф 2 раза */
Вот, посмотрите эту тему:
https://amdm.ru/qa/post/5409/

А так же эти подборы:
https://amdm.ru/akkordi/nashe_poslednee_leto/199339/poteryal_sebya/
https://amdm.ru/akkordi/oblomovblues/199385/ya_ne_videl_tebya_pochti_1000_let/

В них есть авторские комментарии внутри текста.

Про телефон и ограничительную зеленую линию подумаем, потестируем.
Профиль admin
admin 27 февраля 2023 в 20:55:31
 
Рейтинг комментария
0
@Artur_Dodonov я Вас прошу, если у вас плывёт форматирование, то не надо придумывать, как обойти её используя иностранные буквы в словах Соло, Кода и т.д. Просто сообщите об этом, чтобы мы исправили эту ошибку для всех.
[Прoигрыш, 4/4]:
Профиль admin
admin 27 февраля 2023 в 21:30:28
 
Рейтинг комментария
0
@Artur_Dodonov вот ваш подбор можно стандартизировать так:
https://amdm.ru/akkordi/urfin_dzhyus/190312/prizrachnyy_gost/
Профиль Artur_Dodonov
Artur_Dodonov автор 27 февраля 2023 в 21:56:50
 
Рейтинг комментария
0
@admin, спасибо большое! Голову сломал, пока пытался придумать, как это сделать, чтобы не ехало.
Профиль admin
admin 28 февраля 2023 в 6:37:51
 
Рейтинг комментария
0
@Artur_Dodonov не надо ничего ломать и голову тоже :)
Нужно просто спросить «как мне это сделать», как сделал это @Oblomovblues в этой теме:
https://amdm.ru/qa/post/5409/

После его вопроса мы и разработали формат комментариев внутри подбора.

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