問題タブ [execcommand]

tinyMCE エディター内に div 要素を挿入しようとしていますが、挿入するたびに別の行に挿入されます! 私が欲しいのは、既に存在するテキストをインラインで div に挿入することです! 誰でも助けることができますか？

PS: テキストはエディターの本文に直接含まれています (p 要素を削除しました)

ありがとう

例えば：

ボタンをクリックします。そして、divは何かを変えています

これまでのところ、私は理解しています。

.css() メソッドの代わりに execCommand (おそらく「太字」など) を実行するにはどうすればよいですか?

選択した要素を<blockquote>タグでラップしようとしていますが、うまくいくと思われる方法は、既存のタグをラップするのではなく置き換えます。

これが私のコードです。

と...

こんな感じで締めくくりたい…

私が現在得ている以下ではなく...

ありがとう

私は非常に単純な JS プロジェクトに取り組んでいます (クライアントの場合、これに jQuery を使用することはできません)。

したがって、基本的には次のようなボタンがいくつかあります。

イタリック体、下線など

問題は、それらが機能していないことです。タイマーでテストしたところ、動作するので、execCommand が動作することは確かです。そうでない理由は、それをクリックすると、 contentEditable=true div のテキストが選択解除されるためです。

これを回避する方法はありますか？

前もって感謝します。

次のような属性で<a />タグを設定する方法を知っています：hrefcontenteditable

その結果、

nameただし、の代わりにアンカーを設定する方法がわかりませんhref。
これは私の望ましい結果です：

誰でも私を助けることができますか？

補足:私は jQuery と Rangy をライブラリとして使用していますが、execCommand と直接連携するソリューションが望ましいと考えています。

更新:ここに jsfiddle があります: http://jsfiddle.net/fjYHr/テキストを選択してボタンをクリックします。私が望むのは、ボタンをクリックすると、href の代わりに name 属性が設定されたリンクが挿入されることだけです。

以下のコードは、tinyMCE エディター ツールバーのボタン クリックに応答し、ソース マークアップのキャレット位置に <--nextpage--> タグを追加します。

これはうまくいきます。

ただし、ソース ビューをクリックしてからビジュアルに戻るまで、プレースホルダーが挿入されたことを確認する方法はありません。

クリックしてテキスト ビューに移動し、wysiwyg に戻ると、コンテンツ内の <--nextpage--> 要素を示すために wordpress が挿入する wysiwyg プレースホルダー グラフィックが表示されます。

[Insert More Tag] ボタンをクリックすると、WordPress エディターが tinyMCE エディター ビューを更新して、"more tag" プレースホルダー グラフィックを表示することに気付きました (ユーザーがビューを切り替える必要はありません)。

おそらく、同じことを行うために以下の関数で呼び出すことができる execCommand がありますか? mceRepaint はそれを行っていません。

更新: Chrome の開発ツールを使用して、WordPress の [Insert More Tag] ボタンをクリックしたときに何が起こっているかを追跡しようとしていますが、何も表示されません。そのボタンがクリックされて目的の結果が得られたときに内部で何が起こっているかを確認できるように、その情報を公開したいと思います。

document.execCommand("unlink", false, false);自分のHTMLエディタでハイパーリンクとアンカーを削除するために使用しています。Firefoxのアンカーを削除しないという1つの場合を除いて、正常に動作します。これはFirefoxでサポートされていませんか、それともこれを解決する別の方法がありますか？

これが私の例です：

フィドルでそれをチェックしてください

ボタンを使用してフォントを太字にすることはできますが、select タグを使用してフォントを選択するときはできません。クリックする方法がない、Arial、Times、Courier などの一連の選択肢があります。これはコードがどのように見えるかです

これに伴い

を使用しdocument.execCommand('fontsize', false, 5);て、フォント サイズをクリアまたは削除します。removeFormat を使用すると、他の書式設定がすべて削除されるため、これは理想的ではありません。fontsize を 2 または 3 に設定すると問題ないように見えるかもしれませんが、これも理想的ではありません。「手動で」そこに行かずに、フォントサイズをクリアする簡単な方法はありますか?

私は非常にシンプルなリッチ テキスト エディターに取り組んでいます。iframe に適用される designMode = 'On' の使用について読んだことがあります。次に、これを使用して太字のテキストを作成します。

動作はしますが、execCommand() は太字のテキストを作成するb代わりにタグを使用します。strongいくつかの高度なリッチ テキスト エディターを調べてみましたが、それらはすべてタグstrongの代わりに使用されていました。b

これを修正する簡単な方法はありますか？それとも、 execCommand() はまったく使用するのに適していませんか?

ありがとう！