内容編集可能なdivの選択したテキストにスパンを追加

divのテキストを選択して<span style="color: #ff3300;">を追加したいとします。内容編集可能なdivの選択したテキストにスパンを追加

ホバー@

サンプルコードとカラー見本をあなたの助けのため

感謝を表示するには、不足している画像をクリック！

最新のすべてのブラウザで機能します。

2010-12-12 PeeHaa

私はこのことについてRangyグループへのあなたの記事に返答しようとしていましたが、私はここでも対応します。

これはdocument.execCommand()を使用して達成可能である一つのタスクです：

document.execCommand("ForeColor", false, "#ff3300")

私はあなたのjsfiddleへの更新を作成しました：あなたがやろうとしているものhttp://jsfiddle.net/timdown/SkDA8/3/

2010-12-12 00:44:15

試しても機能しません。私はclickイベントにコードを配置しました。しかし、何も起こりません。私はばかなだけですか？ – PeeHaa

問題は、色見本をクリックすると、 'click'イベントが発生する前に選択が失われることです。代わりに 'mousedown'に変更すると動作します。 –

あなたは...ロック！ – PeeHaa

正確に特定されていません。クリックされたカラースウォッチの値を取得し、ヘッダの色を更新する更新されたjsFiddleがあります。

は、この情報がお役に立てば幸いです。

ボブ

2010-12-12 00:57:06 rcravens

答えて