从editableContent DIV中获取所选文本？ [英] Get Selected text from editableContent DIV?

问题描述

AoA，

如何获取所选文本，它的开始和结束光标位置，就像我在下面的代码中所做的那样（在textArea上工作）

AoA,
How can I get the selected text, its begining and ending cursor position, like I did in the following code(which works on textArea)

var tempArea = document.getElementById('MainText').innerHTML;

    var textComponent = document.getElementById(textbox);
    var selectedText;
    var allText = textComponent.value;
    // IE version
    if (document.selection != undefined) {
      //I dont care about IE

    }
        // Mozilla version
    else if (textComponent.selectionStart != undefined) {
        var startPos = textComponent.selectionStart;
        var endPos = textComponent.selectionEnd;
        selectedText = textComponent.value.substring(startPos, endPos);
        if (selectedText.search(arguments[1]) == -1 && selectedText.search(arguments[2]) == -1)
             allText = allText.substring(0, startPos) + arguments[1] + selectedText + arguments[2] + allText.substring(endPos,allText.length);
    }

    document.getElementById(textbox).value = allText;

如何用editableContent DIV实现同样的功能？

How can I acheive same thing with editableContent DIV?

推荐答案

请看这里：http://stackoverflow.com/questions/6251937/how-to-get-selecteduser -highlighted-text-in-contenteditable-element-and-replac [ ^ ]

这篇关于从editableContent DIV中获取所选文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！