勝手に添削: Selection内のHTML Textをいい感じに取得する: Days on the Moon

というわけでやってまいりましたこのコーナー! 本日のお題は「Selection内のHTML Textをいい感じに取得する - 枕を欹てて聴く」でございます。選択範囲のHTMLソースを抜き出すというやつですね。では早速いってみましょう! if(src.focusNode){ // selection まずは HTML5 テキスト選択 API の Selection オブジェクトが登場! 以後これに対する操作が続きます。しかしこの Slection オブジェクト、getRangeAt メソッドを使うとなんと選択範囲に対応する DOM 2 Traversal and Range の Range オブジェクトが取れちゃうんです! // common parent node search (以下 21 行省略) それ Range#commonAncestorContainer で取れるよ! // c

[kohiro0]

html5 selection range

[denken]

Rangeで選択範囲のHTMLを取得

[ronekko]

Rangeの使い方・活用法

[sotarok]

テンションw

[Pasta-K]

nanto先生、テンション高過ぎですｗｗ

[secondlife]

Range を使って範囲選択のHTMLをいい感じに取得

[miya2000]

Opera の場合は DocumentFragment をかませばいけるから泣かないで……

[kimura_m_29]

勝手に添削: Selection内のHTML Textをいい感じに取得する: Days on the Moon

[asagi29]

勝手に添削: Selection内のHTML Textをいい感じに取得する: Days on the Moon

[edvakf]

javascript:alert((new XMLSerializer).serializeToString(window.getSelection().getRangeAt(0).cloneContents())); http://d.hatena.ne.jp/os0x/20081129/1227965494

[TakiTake]

本質的にはRangeを使うべきだった。TreeWalkerは探索の話しだな

[SUM]

なんとさんらぶ

[mooz]

『Range かわいいよ Range。』

[teramako]

なんとさんがノリノリだｗ