使用preg_replace通过鼠标包装突出显示的文本

Question

有没有一种方法可以使用这些按钮吐出特定的文本，但是将它们放在（环绕）突出显示的文本（用鼠标） 中？

我不知道该怎么做，Google也没有帮助。我正在使用Wordpress。

$(".ztn").on("click", function () {
    var setText = $("#commentext").val()+" (zie: )";
    $("#commentext").val(setText);
});
$(".btn").on("click", function () {
    var setText = $("#commentext").val()+" ` `";
    $("#commentext").val(setText);
});

这是我在functions.php:中的代码

function replace_content($content)
{
$content = preg_replace('#\(check: (.*?)\)#', "(check: <a class='zak' href='".site_url()."/$1/'>$1</a>)", $content);
preg_match("#class='zak' href='(.*?)'#", $content, $link);
if(count($link)>0){
$link = $link[1];
$link = preg_replace("# #", "-", $link);
$content = preg_replace("#class='zak' href='(.*?)'#", "class='zak' href='".$link."'", $content);
}
$content = preg_replace('#`(.*?)`#', "<a class='zbk' href='".site_url()."/$1/'>$1</a>", $content);
preg_match("#class='zbk' href='(.*?)'#", $content, $link1);
if(count($link1)>0){
$link1 = $link1[1];
$link1 = preg_replace("# #", "-", $link1);
$content = preg_replace("#class='zbk' href='(.*?)'#", "class='zbk' href='".$link1."'", $content);
}
return $content;
}

并且：

  <button type="button" class="btn btn-defaul ztn">button 1</button><button type="button" class="btn-default btn">button 2</button></div>

现在，当我用鼠标突出显示文本并单击此按钮时，该文本没有被包裹。单击按钮后输出的文本只是放在输入字段的顶部，而我希望它包装突出显示的文本。