向选择添加标签 - Adding tags to selection

Adding tags to selection

本文关键字：加标签添加选择 | 更新日期: 2023-09-27

我正在使用这个Javascript对我选择的文本进行以下更改：

    function formatText(el,tag){
var selectedText = document.selection?document.selection.createRange().text:el.value.substring(el.selectionStart,el.selectionEnd);// IE:Moz
if (selectedText == "")
{return false}
var newText='"#28'+tag+'"'+selectedText+'"#28'+tag+'"';
if(document.selection){    //IE
document.selection.createRange().text=newText;
}
else{   //Moz
el.value=el.value.substring(0,el.selectionStart)+newText+el.value.substring(el.selectionEnd,el.value.length);
}
}

但是，我希望新标签仅在另一个文本区域中可见，而不是我实际进行选择的文本区域中。在这种情况下，我有 2 个文本区域，一个称为"message_text"，另一个称为"消息"......我将在"message_text"中输入和选择文本，但对选择所做的任何更改都必须仅反映在"消息"文本区域中。

目前我已经尝试过这个：

<button type="button" value="D" onclick="formatText(message,'D')" class="blue">D</button>

但这仅在我在"消息"文本区域中选择了 anytnin 时才有效。

谢谢

你必须扩展javascript代码：

function formatText(el_from, el_to, tag) {
    var selectedText = document.selection ? document.selection.createRange().text : el_from.value.substring(el_from.selectionStart, el_from.selectionEnd);// IE:Moz
    if (selectedText == "") {
        return false;
    }
    var start_index = el_to.value.indexOf(selectedText);
    var sel_t_len = selectedText.length;
    var copy_selText = el_to.substring(start_index, sel_t_len);
    var newText='"#28'+tag+'"'+copy_selText+'"#28'+tag+'"';
    el_to.value = el_to.value.substring(0, start_index) + newText + el_to.value.substring(sel_t_len, el_to.value.length);
}

然后你可以这样称呼它：

<button type="button" value="D" onclick="formatText(document.getElementById('message_text'), document.getElementById('message'),'D')" class="blue">D</button>

PS：我不确定document.getElementById - 自从使用 jQuery 以来已经多年没有使用它了......你也应该转换为jQuery...你不会为IE或FF或Chrome等解决JS问题 - jQuery自己处理这个问题......

编辑：好的，我做了一些定制，它应该适合您的需求...