javascript - Rangy.js を使用して HTML タグなしでプレーンテキストを貼り付ける

Question

こことGoogleで検索と検索に結び付けましたが、 Rangy.jsまたはネイティブJSを使用して簡単に実行できるソリューションは見つかりませんでした。

次のようにコピーする単純な書式設定されたテキストがある場合..

<div>
    <b>Copy me (All) : Soufflé chupa chups</b><br>
    <p style="color:#f00;">
        Cotton candy caramels
    </p>
</div>

プレーンテキスト (スタイル付きテキストなし) をcontenteditable要素にコピーして貼り付けるにはどうすればよいですか?

古いIEは気にしません。現在の Firefox または Chrome だけが動作する必要があります。

デモ: http://jsfiddle.net/72r6J/

score 1 · Accepted Answer

残念ながら、少しハックなソリューションが必要になります。ここで説明しました：

CKEditor 開発者による同様の質問に対する役立つ詳細な回答を次に示します。

score -1 · Accepted Answer

私はあなたのすべてのユースケースを知っているわけではありませんが、次のようなものはどうですか:

$(document).keyup(function(){
         $(".editor").text($(".editor").text());
    });

内部のすべての html タグを削除するだけです。他のイベントを使用したり、エディター div 内のすべてのスタイル属性を削除したりすることもできます。

javascript - Rangy.js を使用して HTML タグなしでプレーン テキストを貼り付ける