Поправить регулярное выражение?

Question

[nak-alexey]

Есть код html:

<div id="block">

i am NOT HEADING h1 <h1>I AM HEADING h1</h1>
asdfasd fsdf 
s sadf sadf sd fsadf asdf 
sdf sdaf sdf sdaf
saf 
sdaf 
sdf 
sdf s
daf sd
af sdf sdf sda f43wf4f

<button>transform now</button>

</div>

и код js

document.querySelector('button')
.addEventListener('click', () => {

block = document.querySelector('#block')
html = block.innerHTML
html = html.replace(/(.*?)\<h1>/, (_, $1) => '<h1>' + $1 + '</h1><h1>')
block.innerHTML = html
})

Код js оборачивает текст перед тегом h1 в тег h1. Как сделать что бы текст перед h1 оборачивался не весь, а только несколько символов от существующего тега h1.

Comments

[nak-alexey]

VicTHOR, Перед тегом h1, отступить скажем 2 слова что бы из текста "i am NOT HEADING h1 " был обернут в h1 только "i am NOT"

[nak-alexey]

nak-alexey, не, наоборот! Совпадение как раз будет HEADING h1, а после этого нужно несколько слов отспупить и уже следующие поместить в тег!

[nak-alexey]

nak-alexey, если взять это пример то пусть будет обернуть текст "i am NOT"

[nak-alexey]

VicTHOR, да, все верно. Отступ надо сделать влево. Допустим после двух пробелов влево остальное помещаем в тег.

[nak-alexey]

VicTHOR, да, проект на JS!

[nak-alexey]

VicTHOR, плиз, помоги поправить! А то в регулярных выражениях не силен.

[nak-alexey]

VicTHOR, с совпадениями в тексте у меня работает отдельная функция, и нужно только что бы текст перед тегом h1 был обернут в другой но с отступов в несколько пробелов.

[nak-alexey]

VicTHOR, а если я знаю позицию элемента? т.е. допустим h1 на позиции 100 и нужный текст допустим на с 98 до 100. И обернуть тогда текст с 0 символа до 90-го. Как думаешь?

Answer 1

[Stockholm Syndrome]

document.querySelector('button').addEventListener('click', () => {
  const block = document.querySelector('#block');
  block.innerHTML = block.innerHTML.replace(/(.*?)<h1>/, (_, $1) => {
    const words = $1.trim().split(' ');
    return `<h1>${words.slice(0, -2).join(' ')}</h1> ${words.slice(-2).join(' ')} <h1>`;
  });
});

но вы должны понимать, что ваша задача не должна решаться регулярными выражениями

Comments

[nak-alexey]

тогда каким образов реализовать такой механизм что бы было правильно. Как Вы считаете?

[Stockholm Syndrome]

nak-alexey, использовать методы для работы с DOM-элементами, например