0

我在我的一个 torrent 网站中使用此代码。当您单击“B”标签时，将显示下一个代码 [b][/b]。但是，当这样做时，光标的位置是在这些标签的开头而不是在中间，就像这样：[b]cursor here[/b]

这是代码：

<script type="text/javascript">
function BBTag(tag, s, text, form) {
    switch (tag) {
        case '[url]':
            var start = document.forms[form].elements[text].selectionStart;
            var end = document.forms[form].elements[text].selectionEnd;
            if (start != end) {
                var body = document.forms[form].elements[text].value;
                var left = body.substr(body, start);
                var middle = "[url]" + body.substring(start, end) + "[/url]";
                var right = body.substr(end, body.length);
                document.forms[form].elements[text].value = left + middle + right;
            } else {
                document.forms[form].elements[text].value = document.forms[form].elements[text].value + "[url][/url]";
            }
            document.forms[form].elements[text].focus();
    }

这是插入这些标签的代码：

<td align="center">
    <input type="button" name="url" value="URL " onclick="javascript: BBTag('[url]', 'url', '<?php echo $name; ?>', '<?php echo $form; ?>')" />
</td>
4

2 回答 2

0

您忘记用大括号关闭函数：

<script type="text/javascript">
    function BBTag(tag, s, text, form) {
        switch (tag) {
            case '[url]':
                var start = document.forms[form].elements[text].selectionStart;
                var end = document.forms[form].elements[text].selectionEnd;
                if (start != end) {
                    var body = document.forms[form].elements[text].value;
                    var left = body.substr(body, start);
                    var middle = "[url]" + body.substring(start, end) + "[/url]";
                    var right = body.substr(end, body.length);
                    document.forms[form].elements[text].value = left + middle + right;
                } else {
                    document.forms[form].elements[text].value = document.forms[form].elements[text].value + "[url][/url]";
                }
                document.forms[form].elements[text].focus();
        }
    // You miss a function closing curly bracket here
</script>

我建议您使用干净的缩进代码。所以下次你会发现这些错误。

于 2013-08-13T08:56:09.147 回答
0

您想使用本网站的 setCaretPosition() 。

而不是使用

document.forms[form].elements[text].focus();

从“document.forms[form].elements[text].value length”中减去“最后一个封闭的标签长度​​”，你就得到了放置光标的确切位置。

// 编辑

工作小提琴http://jsfiddle.net/NaAxn/

正如我所说，您必须从 textarea 长度中减去结束标记长度：

var pos = document.forms[form].elements[text].value.length - (tag.length + 1); // Closing tag has + 1 char because of the slash 
setCaretPosition(document.forms[form].elements[text], pos);
于 2013-08-13T09:04:39.020 回答