問題タブ [execcommand]

画像を選択して、選択範囲にクラス名を追加したい。を使用してwindow.getSelection。

私は execCommand で問題を抱えています (完全に) ので、あなたは非常に感謝しています - 私は間違ったツリーを吠えていることは間違いありませんが、.....とにかく.

私はこのようなdivを持っています

それは「編集可能」です。つまりdocument.designMode = 'on';、この「状態」をフォーカスします。ぼかしの場合は次のように変わりますdocument.designMode = 'off';

「テストボタン」があります

「クリック」すると、「強調表示されたテキスト」が太字になるため、execCommand

これまでのところ、次のようなものがあります。

アラート (太字クリック) により、強調表示/選択されたテキストが表示されますが、「太字にする」方法がわかりません。innerHTML か何かにアクセスする必要があると思いますか?

よろしくお願いします - 事前に感謝します。ああ、i-frame も textarea も使いたくない

htm の読み込み時に最初に読み込まれるhtm ファイルにフォントのスタイルが FONT{ font-size:11px; } あります。次のコマンドを使用してフォント サイズを変更したいと思います。 document.execCommand("fontsize", "", "5"); 実行後、フォント タグは属性 size = "5" で構成されますfont-size:11px が IE Developer ツールバーの現在のスタイルに残っているのを確認できました。したがって、フォントは変更されません。

フォントサイズの変更方法を教えてください。

私は contentEditable と execCommand をいじっていて、ボタンが押されたときに、

• contentEditable でテキストが選択されている場合、太字になります

• contentEditable でテキストが選択されていない場合、ボタンを押した後に contentEditable に入力されたテキストは太字になります。

次のJavascriptコマンドを使用してみました：

しかし残念なことに、それは選択されたテキストを太字にするだけです。テキストが選択されておらず、ボタンを押した後に入力を開始すると、テキストは太字で表示されません。

contentEditable で Ctrl+B を押すと、まさにやりたいことを実行できることに気付きましたが、これは Javascript を使用して (Javascript で Ctrl+B をシミュレートせずに) 実行したいと考えています。

document.execCommand メソッドを使用して、選択したテキストの電子メール リンクを作成する方法

これに問題がある - 何らかの理由で - 問題があります。非常に基本的なRTEのために私がする必要があるのは、何らかの形式のポップアップから画像のURLを取得することです. 画像を編集可能な div に入れる - RTE はテキストエリアではなく iframe で編集可能な div を使用しています。

明確でない場合、これは「ルート」です

1. RTE メニューの「画像」ボタンをクリックします。
2. これにより、モーダル (JQuery) が開きます
3. モーダルにはサムネイルが表示されます
4. ユーザーがサムネイルをクリック クリックすると、非表示の入力フィールド (JQuery) の値が設定されます
5. ユーザーが送信ボタン (モーダル上) をクリックすると、execCommand('InsertImage') コマンドがトリガーされます。

私のコードは次のようになると思います:(doc.readyなどで事前にラップされています)

しかし、よくわかりません。画像のsrcを転送できません。提案してくださいありがとうございます

ああ、ユーザーがメインサーバーにない既存の画像ライブラリを持っているため、この方法で行われているため、imagethumbs.php はライブラリ API を介して画像サムをロードします。「insert src」タイプのプロンプトではなく、「clck アクション」を使用しました。

contentEditable DIV で小さな RTE に取り組んでいます。Enter キーが押されたときと選択された場所を監視するキープレス イベント ハンドラーを DIV にアタッチしました。テキスト ノード内にある場合は、新しい行を挿入しています。ただし、このコードにはバグがあり、1 つではなく 4 つの改行が挿入されることがよくあります (カーソルが以前あった場所に戻るには、元に戻すを 4 回押す必要があります。そのため、execCommand が複数回起動していると思います)。一方、新しい行を挿入するには、ENTER キーを 2 回押す必要がある場合があります。

Enter キーが押されたと判断された後の keypress イベント ハンドラーのコード スニペットを次に示します。

execCommand を使用して、ブラウザーの元に戻す動作を維持したいと考えています。<br>この挿入はテキストノードでのみ行われ、後処理の目的でテキストノードに<br>'s またはその他のブロックタイプのタグの代わりに \n が必要なため、挿入したくありません。ユニコードの改行文字を使用しています
。キャリッジリターン文字
も同様の結果で試しました。適切な HTML ではないため、\n使用できません。insertHTML

execCommand が 1 回だけ実行されるようにする方法について、アイデアをお持ちの方はいらっしゃいますか?

以下のコードを理解しようとしています。私はそれをほとんど理解しており、少し修正することができました。しかし、私はそれをよく理解したいと思っていて、 ** oIframe.contentDocument ** で立ち往生しています。私はそれが何をするのか知っていますが、それに関するドキュメントを見つけることができませんでした。

ありがとうございました

現在、Jquery と CSS のみを使用して WYSIWYG Web エディターに取り組んでいます。

私は、すべてのブラウザーでの execCommand の不一致に少し悩まされていました。

execCommand と同様のことを達成できる別の手法はありますか。そのような強調表示されたテキストを検出し、その CSS 設定を変更しますか?

誰かが正しい方向性で私にインスピレーションを与えることができれば、私は本当に感謝しています

を使用してフォントサイズを（たとえば）30pxに変更するにはどうすればよいdocument.execCommandですか？

これ：

関数execCommandの3番目の引数では、1から7までの値しか入力できないため、機能しません。