JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1"></div>

JavaScript

var var2 = 'You are comparing {t} entity';
var var1 = 'abc$$abc';
$('#div1').append('<div id="div2">' + replaceEscapingDollars(var2, '{t}', '<a href="' + var1 + '" target="_self">' + var1 + '</a>') +
    '</div>');

function replaceEscapingDollars(str, find, replacement) {
    return str.replace(find, replacement.split("$").join("$$"));
}