問題タブ [execcommand]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
782 参照

javascript - ajax後の画像execCommand

私は WYSIWYG エディターで作業しており、execCommand を使用した画像処理で問題が発生しています。以下は私のページ構造の簡単な例です。

私が使用している単純化された JavaScript は、基本的に隠し div が ajax で画像をアップロードし、アップロードされたすべての画像を表示していることを示しています。

これですべて問題なく動作します。新しい画像が ajax でアップロードされるとすぐに、画像 div に追加します。

次に、結果のいずれかをクリックすると、次の関数が実行されます。

ここで、execCommand が firebug での動作を拒否する場所を示します。"getElementById("text_content").document UNDEFIEND"

そのページで実行する他のすべての execCommand 関数 (例: 斜体の太字、フォントの色など) は機能しますが、ここでは機能しません。解決策を見つけるのを手伝ってもらえますか?

0 投票する
1 に答える
1448 参照

javascript - キャンバスを IE javascript でローカルに保存する

こんにちは、execCommand("SaveAs") を使用して IE でローカルにキャンバスを保存したいと考えています。これが私のコードです。

ただし、新しいウィンドウを開いたときにページを表示できません。data:image/octet-stream;base64... どうすればこの問題を解決できますか? どうもありがとうございました...

0 投票する
1 に答える
1461 参照

javascript - contenteditable divでテキストのスタイルとフォーマットを監視する方法は?

私はこのテキストエディタのプランカーの例を持っています。問題は、太字のボタンまたは他のボタンをクリックしたときにボタンに編集可能なdivの状態が表示されないことです.ngのボタンにクラスを追加すると修正される可能性があります. -mousedownイベントの機能ですが、正しいツールバーボタンにもクラスを追加する必要がある太字のテキストの領域をクリックしても問題は解決しません。おそらくウォッチャーのようなものを使用する必要がありますが、何を監視しますか?

アップデート

わかりました、掘り下げました。キャレットの位置を監視しようとしているので、テキスト エディターのツールバー ボタンに正しいスタイルを適用できます $watchers について考えましたが、使用したことはありません。
私が使用している例は、このStackOverflow の投稿からのものです。投稿には Jsfiddle がありますが、コンテンツ編集可能な div でキャレット位置を取得する方法を示す AngularJS を使用してプランカーの例を作成しました。
内部の contenteditable div の DOM ツリーを取得し、要素と位置のマップを作成し、データ バインディングを使用してツールバーのボタンの状態を制御するなど、これを行うより良い方法はありますか?
事前に感謝します。

0 投票する
3 に答える
8012 参照

javascript - document.execCommand('undo') がブラウザ間で同じように動作することはありません

テキストボックスにコンテキストメニューを実装するコードがいくつかあります。コンテキストメニューには、を使用してブラウザーのネイティブメソッドを呼び出すUndoand項目があります。 このコードは Chromium ベースのブラウザーでは必要に応じて機能しますが、FireFox と Opera では期待どおりの結果が得られません。 元に戻すとやり直しは、入力要素のネイティブ ブラウザー コンテキスト メニューのように機能することを期待しています。その結果、入力要素は元に戻したりやり直したりしませんが、属性が設定された div 要素は期待どおりに機能します。 それで、これはブラウザーの 1 つ (Chromium または FireFox/Opera) のバグなのか、それともコードを正しく実装していないのか疑問に思っています。 次のコードは、私が直面している問題の例を示しています。すべての助けに感謝します。Redodocument.execCommand('undo')



contenteditable



jsfiddleについて

実際のコンテキスト メニュー コードを見たい場合は、jsfiddleでも利用できます。

0 投票する
1 に答える
847 参照

javascript - Javascript: モバイル ブラウザでの document.execCommand の互換性は?

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

デスクトップブラウザでは問題なく動作しています。

だから私は彼らがモバイル(Android、iOS)ブラウザとも互換性があることを知りたいのですか?

テキストエディタの開発中にこれらのコマンドを使用することの欠点はありますか?

最新の完全な互換性マトリックスが見つかりません。私もこの質問にアクセスしましたが、完全な情報を見つけることができませんでした。

0 投票する
1 に答える
2199 参照

javascript - pasteHTML の前の document.execCommand が機能しない

リッチテキストエディターを開発しています。これを説明するサンプルコードを次に示します

http://jsfiddle.net/paulofreitas/RG3Bd/

テキストを挿入するdocument.execCommand ('bold', false, null)pasteHTMLに、それは機能しません。コマンド「太字」を送信してから、pasteHTML を使用して特別なテキストを挿入し、そのテキストを太字にしたいと考えています。

例として太字を使用していますが、任意の execCommand にすることができます。

何か助けはありますか?