Подсветка определённых элементов текста

[drang.andray]

Есть таблица в ячейку которой выводятся данные(pic), хотелось бы реализовать следующее:
Когда юзер выделяет часть текста(то что выделено крсным), должны выделяться соответствующие элементы(то что подчёркнуто желтым), всё это построчно работает.
Возможно ли это сделать динамически(юзер выделяет элементы и соответствующие сразу подсвечиваются)? Или же нужно делать отдельную кнпку для "запуска" этого вот всего?
И в принципе на сколько реально всё это сделать?
p.s. В онце каждой строки есть символ перехода на новую строку ("\n",скрыт), стоит ли его менять на что-то из html для лучшего парсинга?
p.p.s. Всё написано на python3/flask, вдруг это важно.

[drang.andray]

А при помощи чего это сделать?
Ведь это в веб.

[drang.andray]

drang.andray, на чем написано на том и делай...

Какая разница на чём написано? Я просто вывел текст в таблицу в браузере, теперь мне нужно обработать этот текст так, что бы при выделении одной части текста, так же выделялась другая,соответствующая часть. Для этого есть JS, Python же не подходит.

[drang.andray]

Rise,
Видимо я не так выразился, я имел ввиду то что JS должен по строкам находить соответствия. А так оно у меня выведено в виде одного большого куска текста, как на первой картинке.

[drang.andray]

Rise,
Вот такие есть наработки, только там с таблицей, мне же нужно без оной.
Наработка

Второй пик в нормально качестве: http://hkar.ru/Msqi

>Почему выделения в строке раздельные?
Потому что надо чтобы юзер выделил что-то в правйо части и ему в качестве подсказыки выдало соответствие из левой части. Если есть какие-то другие варианты по реализации(не подсвечиванием, а выводом инфы в окне,к примеру, или ещё как) - буду рад услышать.

> какая формула соответствия?
Если я правильно понял вопрос, то:
Первый столбик (там где 00000000,00000010 и т.д.) выделяется всегда, когда юзер на этой строке выбрал элемент из последнего столбца(там где '1.1..HOST: 239.2', к примеру). Дальше соответствует "1 с 1, 2 с 2 и т.д.", то есть если смотреть на изображение, на первую строку то: "4D" будет соответствовать "M", а "20 2A 20 48 54 54 50 2F" соответствует с " * HTTP/", ну и т.к. мы работаем с первой строкой то "00000000"(из первого столбца) всегда будет выделено.

[drang.andray]

Rise,

<table>
<tbody>
    <tr>
        .....
    </tr>
    <tr>
        <td>Payload</td>
        <td ><div><pre>Вот тут находится это всё, в одной из ячеек таблицы</pre></div></td>
</tbody>
</table>

[drang.andray]

Rise,
Спасибо, буду глядеть и разбираться.