JSFiddle - React, Tailwind, and code Playground

HTML

<span onclick="appendLink()">Вставить ссыль</span>
<div class="needLink">Первая половина текста Вторая половина текста</div>

JavaScript

appendLink = function() {
var link = $('.needLink');
var text = link.text();
text =  text.substr(0,text.length/2)+'<a href="/path/">my link</a>'+text.substr(text.length/2,text.length);
link.html(text)
}