Показать сообщение отдельно
  #1 (permalink)  
Старый 28.05.2020, 09:54
Новичок на форуме
Отправить личное сообщение для zekin375 Посмотреть профиль Найти все сообщения от zekin375
 
Регистрация: 28.05.2020
Сообщений: 2

Поиск текста на странице и замена на ссылки
Пытаюсь сделать что то типа облако тегов или как подсказки на 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, помогите пожалуйста решить
Ответить с цитированием