私は<a href="http://code.google.com/p/rangy/" rel="noreferrer">rangy</a>ライブラリを使用していますし、次のように編集可能なコンテンツでテキストを選択することができますrangyライブラリ

Question

で選択したテキストの親ノードを取得します親ノード/要素。たとえば、テキストを選択する場合、

<strong>My Text</strong> 
or 
<h1>My Title</h1> 

強力なノードまたはH1要素を含めるにはどうすればよいですか？

Answer 1

sel.anchorNode.parentNodeは、ノードの親ノードを選択肢の1つの端だけにします。最も全体的に最も内側にある要素を取得するには、選択範囲からRangeを取得し、そのcommonAncestorContainerプロパティ（親を取得する必要があるテキストノード）を確認するのが最も簡単です。

var sel = rangy.getSelection(); 
if (sel.rangeCount > 0) { 
    var range = sel.getRangeAt(0); 
    var parentElement = range.commonAncestorContainer; 
    if (parentElement.nodeType == 3) { 
     parentElement = parentElement.parentNode; 
    } 
}