0

Есть регулярное выражение /([A-H][b#]?[m]?[\(]?(2|5|6|7|9|11|13|6\/9|7\-5|7\-9|7 \#5|7\#9|7\+5|7\+9|7b5|7b9|7sus2|7sus4|add2|add4|add9|aug|dim|dim 7|m\|maj7|m6|m7|m7b5|m9|m11|m13|maj|maj7|maj9|maj11|maj13|mb5|m|s us|sus2|sus4){0,2}(\/[A-H])?(\))?)(?=\s|\.|\)|-|\/)/g Нужно чтоб все найденное в пределах тега <pre> оборачивались в тег <span>

4
  • Пожалуйста, предоставьте полный вопрос с содержимым.
    – And
    6 ноя 2016 в 2:00
  • С помощью этого выражения можно выделать аккорды из любой песни. Мне нужно чтоб каждый аккорд был обернут при помощи js в тег <span>, чтоб я мог стилизовать аккорды. Чтоб не прописывать в ручную для каждой песни тег <span> 6 ноя 2016 в 2:08
  • Добавьте пример текста в pre
    – stackanon
    6 ноя 2016 в 2:19
  • Am Лодка скрипит возле причала G Лунная ночь - тревог начало. Em F Мрачно стою в воду смотрю. Am Нет моего в ней отраженья, G Есть только горечь пораженья. Em F Ну почему лезть в мою жизнь Am G F E Вздумалось ему... 6 ноя 2016 в 2:23

1 ответ 1

0

var regex = /([A-H][b#]?[m]?[\(]?(2|5|6|7|9|11|13|6\/9|7\-5|7\-9|7 \#5|7\#9|7\+5|7\+9|7b5|7b9|7sus2|7sus4|add2|add4|add9|aug|dim|dim 7|m\|maj7|m6|m7|m7b5|m9|m11|m13|maj|maj7|maj9|maj11|maj13|mb5|m|s us|sus2|sus4){0,2}(\/[A-H])?(\))?)(?=\s|\.|\)|-|\/)/g;
var some = document.querySelector('.something');
var res = some.innerHTML.replace(regex, '<span> $& </span>');
some.innerHTML = res;
span {
  color: green;
}
<pre class="something">
Am Лодка скрипит возле причала
G Лунная ночь - тревог начало.
Em F Мрачно стою в воду смотрю.
Am Нет моего в ней отраженья,
G Есть только горечь пораженья.
Em F Ну почему лезть в мою жизнь
Am G F E Вздумалось ему...
</pre>

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.