問題タブ [execcommand]

execCommandメソッドを使用して、選択したテキストを強調表示する場合：

このページで提案されているように、ハイライト形式に戻ってキャンセルしたい（つまり、テキストをハイライトする前の状態に戻したい）場合、どうすればよいですか？

Chrome で execCommand() を使用するにはどうすればよいですか? ここに私が今持っているコードがありますタブボタンを押すときに特殊文字を挿入するために使用されています

次のようなコマンドを使用します。

this.document.execCommand("insertorderedlist", false, argument);

ほとんどのブラウザーでは正しく動作しますが、IE (IE9 を含む) ではテキストが多すぎます。

たとえば、ContentEditable div に次のテキストがあり、キャレットが指定どおりに配置されているとします (構造に html が含まれています)。

次に、execCommant を実行すると、最初に箇条書きが表示され、すべてがその箇条書きの一部としてインデントされます。

そのようです：

つまり、IE は で区切られた周囲のテキストを含めています<br>。コンテナー要素 (div または span) がある場合は正しく機能します。

次のように編集可能な iframe にテキストを挿入するために、javascript で execCommand を使用しています。

カーソルの左側の最初の文字の代わりにそのテキストを挿入する方法を知っている人はいますか? 上記を行う前にバックスペースを押すのと同じ効果ですか？

私は js/jquery で最も単純な WYSIWYG を書きました: http://jsfiddle.net/XnSWF/

ニューセット Opera 11、Chrome 16、Firefox 9、および Safari 5.1 では完全に動作します (例: 選択したテキストを太字で書く、または太字に設定する) が、IE9 では選択したテキストに太字を設定できず、常に太字ボタンを使用すると、このキャレットは最初の行から最初の文字に移動します...

なんで？

すべて..この質問がインターネット上に散らばっていることは知っていますが、何も私を正しく指していないようです.

私は自分の wysiwyg を作成していますが、直面している問題はコード

"font" タグの "size" 属性に割り当てられる 1 から 7 までの値のみを受け入れます。ただし、フォントサイズをピクセル単位で設定する必要があります。

この例は、同様のstackoverflow questionで見つけました。しかし、このアプローチの問題点は、選択したテキストのフォント サイズのみを変更することです。テキストを入力する前に font-size を設定しようとすると、うまくいきません。

これを解決する方法を知っている人はいますか?

HTML ブロックがあります。

エディターでこの div を選択しようとすると、選択されたスパンのみが取得され、div は取得されません。したがって、このコードでの私の選択は次のとおりです。

だから私がアラート（selHTML）をすると、物乞いで書いたスパンでコードを取得します。しかし、この HTML は div でラップされています。この div を取得するにはどうすればよいですか?

アラインメントのために手動で execCommand を作成したいので、それが必要です。Firefox では execCommand を使用していますが、選択が適切に行われておらず、既にある div の text-align を変更する代わりに、新しい div を追加するため、適切に機能していません。

前もって感謝します

execcommandドキュメント以外の要素でできますか?

次のようなコードを記述できるかどうか疑問に思っています。

それ以外の：

私は自分のリッチテキスト/wysiwygエディターを作成する際に<div>vsを使用することの長所と短所を比較検討しようとしています。<iframe>

そうすることで、なぜ私はcontenteditable <div>を使用できないのですか、そしてなぜそんなに多くの人々が<iframe>？

背景の説明：私が理解しているようにwysiwygエディターを作成する一般的な方法は、divまたはiframeをコンテンツ編集可能にしてから、 divexecCommandまたはiframe本体を含むドキュメントでテキストを太字にすることです。

HTMLは次のとおりです。

対：

とJS：

対：

ほとんどのよくできたリッチテキストエディタはiframeを使用しているようです。このcontenteditable /execCommandコンボをWebkitブラウザーのdiv/iframeで簡単に機能させることができますが、Firefoxでiframeを機能させるのに苦労しています。スクリプトとスタイルシートをiframeにロードすることに頼らなければならず、divベースのバージョンで簡単に達成できることを複製するためにあらゆる種類のナンセンスがあります。したがって、<div>ベースの方法が望ましいようです。私が再考する強い理由はありますか？