用于将标签插入textarea的按钮

时间:2011-08-19 14:40:45

标签: javascript html textarea

我相信这已经得到了回答,但我怎么能有按钮/图像/什么,所以当我点击它时,它会像你在论坛中找到的那样在光标位置周围插入<b></b>(甚至StackOverflow问问题页面)?
再一次,我知道这已经得到了回答,但我能找到的只是使用jQuery而我的服务器不支持它。
感谢

2 个答案:

答案 0 :(得分: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;
    }

答案 1 :(得分:0)