問題タブ [execcommand]

最も単純なWYSIWYGエディターを作成しましたが、各ブラウザーで他のhtmlコードを生成しました。私が使用するもの： a.execCommand('useCSS', false, true); a.execCommand('styleWithCSS', false, false); 例：Enterキーを使用するとChromeは不要なdivを生成<p>します...新しい行に移動するとIEはタグを生成します... Firefoxは私のために最高のコードを生成し、古いbrを挿入します:)

違いが大きすぎるため、結果のスタイルを作成する必要があります。

<span style='fontweight:bold'>ab</span>次の content( ) ab の contentEditable iframe のカーソル位置にテキスト コンテンツを挿入しようとしていdocument.execCommand('insertHTML',false,"c") ます 。<span style='fontweight:bold'>ab</span>c

私が必要としたのは <span style='fontweight:bold'>abc</span>

注: この問題は Firefox でのみ発生します。Chrome と Safari では、必要な動作が期待どおりに行われます。

FFでこの動作を取得する方法を提案してください

私は WYSIWYG エディターに取り組んでいます。そして、私は次のようなコードを持っています:

cmd引数は'Bold'、'Italic' などになります。doc変数は iframe 内のドキュメントを参照し、別の場所で初期化されます。

Chrome では正常に動作しますが、IE (私の場合は IE9) ではまったく動作しません。

開発者ツールを使用してコードをデバッグしましたが、何も問題はありませんでした。execCommand関数が機能しません。

インターネットで検索しましたが、利用可能な解決策が見つかりませんでした。

誰か助けてくれませんか？

コードサンプル:

文字列をtxtファイルとして保存でき、クロスブラウザで動作するJavaScriptライブラリはありますか？

過去にDownloadifyを使用していましたが、いくつかの理由で別のオプションを検討しています。

• Flashを必要とせずに純粋なJavaScriptソリューションを見つけたいと思っています
• Downloadifyはもう更新されていないようです（過去18か月間は更新されていません）
• IE 9のDownloadifyで、文字列が途切れる問題が発生しています。

execCommand選択したテキストを太字にするか、色を設定するようにドキュメントを呼び出しています。しかし最近execCommand、選択したテキストではなく、特定の範囲で使用する必要があります。

私はこれを行うことができますか？

カスタム WYSIWYG エディターを使用して、選択したテキストにスタイルを問題なく適用できます。

..しかし、私ができる必要があるのは、このコマンドが発行された後に入力されたテキストにそのスタイルが適用されるように、ユーザーがフォント、フォントサイズ、太字などを設定できるようにすることです。

これは可能ですか？私が試したすべての execCommands は、選択したテキストに対してのみ機能するようです。

OK Javascript で WYSIWYG エディタを作成していますが、

実行時に問題が発生しました:

Iframe 全体の背景色が黒に変わります。ユーザーによる選択がある場合でも。Thin は Firefox と Opera でのみ発生するようですが、Internet Explorer と Chrome では発生しません。これはちょっと変です。

改行を挿入してキャレット位置を改行に設定したい。

私はこれを持っています

次に、新しい行を追加します

しかし、キャレットは の後に移動されない<br>ため、テキストを入力しても改行されません。

新しい行にキャレットの位置を設定して、入力すると次のようになるようにするにはどうすればよいですか?

実結果：

期待される結果：

jsFiddle の例

Chrome 15 でテスト済み

現在選択されているノードをフォントの色で青色にしようとしています。現時点では、強調表示してからクリックしたときにのみテキストを青色にする次のコードがあります。

テキストをクリックすると、execCommand を使用してノード全体のフォントの色が変わるようにするにはどうすればよいでしょうか?