因此,我试图创建一个RTE环境。
我有一个内容可编辑的div,我希望允许用户选择文本,然后按一个将BBCode包裹起来的按钮。

我尝试创建以下函数,但是,所选文本仅被替换。
它似乎没有在selectedText中存储正确的值

function wrap(tag)
{


    var sel, range;
    if (window.getSelection)
     {
        sel = window.getSelection();
        if (sel.rangeCount)
         {
            range = sel.getRangeAt(0);
            var selectedText = range;
            range.deleteContents();
            range.insertNode(document.createTextNode('['+tag+']'+selectedText+'[/'+tag+']'));
        }
    }
    else if (document.selection && document.selection.createRange)
    {
        range = document.selection.createRange();
        selectedText = document.selection.createRange().text;
        console.log(text);
        range.text = '['+tag+']'+text+'[/'+tag+']';
    }
}


</script>

jQuery是可以接受的,但我更希望使用常规Javascript。

最佳答案

selectedText = range;更改为selectedText = range.toString();。该范围是一个对象,当您执行deleteContents时,它会擦除​​数据,因此不会进行包装。

DEMO

JS:

function wrap(tag) {
    var sel, range;
    var selectedText;
    if (window.getSelection) {
        sel = window.getSelection();

        if (sel.rangeCount) {
            range = sel.getRangeAt(0);
            selectedText = range.toString();
            range.deleteContents();
            range.insertNode(document.createTextNode('[' + tag + ']' + selectedText + '[/' + tag + ']'));
        }
    }
    else if (document.selection && document.selection.createRange) {
        range = document.selection.createRange();
        selectedText = document.selection.createRange().text + "";
        range.text = '[' + tag + ']' + selectedText + '[/' + tag + ']';
    }

}

关于javascript - 将bbcode环绕在可编辑内容的DIV中的选定文本周围,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9398574/

10-11 22:43
查看更多