<textarea> JavaScriptを使用して選択したテキストをシャッフル

Question

マウスを使用して<textarea>のテキストを選択すると、ボタンをクリックしてシャッフル/スクランブルを行うにはどうすればよいですか？

私はここで欲しいものに似たものを探しましたが、substring、、およびselectionEndを使用している人もいました。

マウスでテキストを選択すると、ボタンをクリックするとシャッフル/スクランブルされ、<textarea>の残りのテキストはそのまま残ります。

選択したテキストに対してアクションを実行したいだけです。

それは、大胆ボタンをクリックし、選択したテキストが太字になり、あなたには、いくつかのテキストに選択したときのようなリッチテキストエディタに、より似ています。

P.S. 個々の文字でシャッフルする必要があります。

編集： これを取得しました！私はちょうど選択文字列を分離する必要があった。私のコードは今動作します。これは非常に便利です - https://stackoverflow.com/a/9605191/1101391

残念ながら、以下IE 9とは<input>と<textarea>にselectionStartとselectionEndプロパティをサポートしていません。ここに私のために働いた解決策があります - https://stackoverflow.com/a/9276457/1101391

Answer 1

あなたはフルテキストにアクセスし、選択の開始と終了の部分文字列を知っています。このような何かを試してみてください：

var txtArea = document.getElementById("foo"); 
var before = txtArea.value.substr(0, txtArea.selectionStart); 
var selection = txtArea.value.substr(txtArea.selectionStart, txtArea.selectionEnd + 1); 
var after = txtArea.value.substr(txtArea.selectionEnd, txtArea.value.length); 
txtArea.value = before + scrambleThisString(selection) + after; 

Answer 2

あなたはID contentでテキストエリアに名前を付けるとします

var textarea = document.getElementById('content'); 
var content = textarea.value; 

var start = textarea.selectionStart; 
var end = textarea.selectionEnd; 

var before = content.slice(0, start); 
var after = content.slice(end); 
var selected = content.substring(start, end); 
selected = shuffleStringByMagic(selected); 

textarea.value = before + selected + after;