将标签插入文本区域的按钮

Question

我相信这个问题之前已经被回答过，但是我怎样才能拥有按钮/图像/任何东西，以便当我单击它们时，它会像您找到的那样在光标位置周围插入 在论坛中（甚至 StackOverflow 提出问题页面）？
再说一次，我知道这个问题已经得到解答，但我能找到的只是使用 jQuery，而我的服务器不支持它......
谢谢

Answer 1

这是我不久前写的jsFiddle

    function boldText(textAreaId, link) 
    {
        var browser=navigator.appName
        var b_version=navigator.appVersion

        if (browser=="Microsoft Internet Explorer" && b_version>='4')
        {
            var str = document.selection.createRange().text;
            document.getElementById(textAreaId).focus();
            var sel = document.selection.createRange();
            sel.text = "<b>" + str + "</b>";
            return;
        }

        field = document.getElementById(textAreaId);
        startPos = field.selectionStart;
        endPos = field.selectionEnd;
        before = field.value.substr(0, startPos);
        selected = field.value.substr(field.selectionStart, (field.selectionEnd - field.selectionStart));
        after = field.value.substr(field.selectionEnd, (field.value.length - field.selectionEnd));
        field.value = before + "<b>" + selected + "</b>" + after;
    }

Answer 2

看看亚历克斯·金的方法是什么：
http://alexking.org/blog/2003 /06/02/使用 JavaScript 在光标处插入

Answer 3

这是一个修改版本，您可以输入任何标签字母

function TextMod(textAreaId,input) {
        var browser=navigator.appName
        var b_version=navigator.appVersion

        if (browser=="Microsoft Internet Explorer" && b_version>='4')
        {
            var str = document.selection.createRange().text;
            document.getElementById(textAreaId).focus();
            var sel = document.selection.createRange();
            if(input == "br"){
                sel.text =  str + "</"+input+">";
            }
            else{
            sel.text = "<"+input+">" + str + "</"+input+">";
            }
            return;
        }

        field = document.getElementById(textAreaId);
        startPos = field.selectionStart;
        endPos = field.selectionEnd;
        before = field.value.substr(0, startPos);
        selected = field.value.substr(field.selectionStart, (field.selectionEnd - field.selectionStart));
        after = field.value.substr(field.selectionEnd, (field.value.length - field.selectionEnd));
        if(input == "br"){
            field.value = before  + selected + "</"+input+">" + after;
        }
        else{
            field.value = before + "<"+input+">" + selected + "</"+input+">" + after;
        }

    }