Пытаюсь сделать что то типа облако тегов или как подсказки на wikepedia. Получаю весь список элементов и на каждой статье если нахожу нужное мне слово на которое создан тег подкрепляется ссылка.
const items = [
{
id: 1,
name: 'повод',
url: 'provod',
tags: ['провода', 'проводов']
},
{
id: 2,
name: 'робот',
url: 'robot',
tags: ['роботы', 'роботов']
},
]
const element = document.querySelector('.news__page') //
element.innerHTML = element.textContent
.split(/\s/)
.map(word => {
const matchedItem = items.find(item => [item.name, ...item.tags].includes(word))
return matchedItem ? `<a href='${matchedItem.url}'>${word}</a>` : word
})
.join(' ')
Данный способ работает но убирает всю разметку HTML, помогите пожалуйста решить