問題タブ [designmode]

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 に答える
1193 参照

javascript - Iframe の外側のボタンによってトリガーされる Designmode Iframe へのテキストの挿入

編集可能な iframe があり、ユーザーが iframe の外側にあるボタンをクリックしたときに、カーソル位置にテキストを挿入したいと考えています。次のコードを使用してテキストを挿入しようとしています。

ボタンをクリックするとフォーカスが変わるため、これは失敗していると思います。ただし、これを修正する方法がわかりません。ご協力ありがとうございました。

0 投票する
2 に答える
957 参照

c# - DesignerProperties.GetIsInDesignMode(...)を使用して発生する可能性のある問題?

WPFカスタムコントロールを作成していて、ある状況に遭遇しました。コントロールが初期化されるまで、多くのコードは実行されません。if (this.IsInitialized) { ... }ただし、初期化されないため、これがデザイナーに問題を引き起こしています。

カスタムコントロールでを使用するのが普通かどうか疑問に思っていDesignerProperties.GetIsInDesignMode()ます。そうであれば、落とし穴に注意する必要がありますか?カスタムコントロールにデザイナー固有のチェック/コードがあるのは「汚い」ように見えるので、これを尋ねます。

MicrosoftがコントロールコードのいずれかでDesigner固有のコード(属性ではない)を使用しているかどうかを知ることは、良い測定基準になると思いますか?

0 投票する
2 に答える
6409 参照

javascript - designMode iFrame カーソル位置を取得

編集可能な iFrame のカーソル位置を取得したい (designMode を使用)。これが私がこれまでに持っているコードです:

そこからプロパティstartOffsetを取得すると、その行の先頭からの文字数が取得されますが、iFrame ドキュメントの先頭からは取得されません。ドキュメントの先頭に対するカーソル位置を取得したいと思います。

注意:カーソル位置の設定には興味がありません。私はそれを手に入れたいだけです。

できれば、修正が Chrome/Safari/Firefox と互換性があることを望みます。IE との互換性は必要ありません。

どんな助けでも大歓迎です。

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

.net - アプリケーションのDesignModeを設定します

XAMLファイルを変更できるアプリケーションがあります。例:コントロールの移動とサイズ変更。

コントロールの内部にはいくつかの複雑なコードがあり、次のチェックを使用します。

しかし、このチェックは常に誤りです。アプリケーショングリッド、デザインモード内のページを設定するにはどうすればよいですか?

ありがとう。

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

internet-explorer - IE iframe designMode = "on" で mailto をキャンセルする方法

iframe のプロパティは designMode = "on" です。Internet Explorerで@付きのiframeでテキストを押すと。mailto:自動的にリンクに変換します。

例えばab@cd_mailto:ab@cd

これをキャンセルするにはどうすればよいですか?

ありがとう

0 投票する
0 に答える
159 参照

linux - Flash builder 4.5 デザインモードでの灰色の背景

Kubuntu OS に Flash builder 4.5 をインストールしました。Eclipse で新しいフレックス プロジェクトを作成できます。ただし、ソースモードからデザインモードに切り替えたとき。背景は灰色で、コンポーネントは表示されません (白い背景も表示されません)。皆さんがこれに対する解決策を持っているかどうか疑問に思っていました。どうもありがとう。

0 投票する
0 に答える
236 参照

delphi - デザインモードでの Internet Explorer でのグリフの使用によるキャレットの配置の影響

Delphi の designmode で HTML エディタとして Internet Explorer を使用しようとしています。私は Mshtml と SHDocVw ユニットを使用しており、編集はうまくいきます。Word の「特殊文字」オプションのようなグリフもいくつか表示します (例: 段落: ¶)。グリフを非表示にする場合とグリフを表示する場合では、キャレットの位置に違いがあるようです。

1) 隠しグリフ

<End>「サンプル テキスト」でキーを押すと、キャレットは最後の文字「t」の直後に配置されます。

キーを入力する<1>と、html の結果は期待どおりになります。

2) グリフの表示

「サンプル テキスト」でキーを押す<End>と、キャレットは最後の文字の直後ではなく、グリフの後に配置されます: サンプル テキスト¶ |

キーを入力する<2>と、html の結果は次のようになります。

したがって、「2」は段落の外に出てしまいます。

また、システム以外のキーを押す前にグリフを非表示にするとどうなるかを確認しました。

3) グリフを表示して後で非表示にする

最初にグリフを<End>表示し、「サンプル テキスト」のキーを押して、グリフを非表示にします。キャレットはまだ最後の文字の直後に配置されていません。画面にスペースが表示されます (ただし、html ソースには実際の文字/要素はありません)。テキスト | キーを入力する<3>と、html の結果は次のようになります。

したがって、'3' は依然として段落の外に出てしまいます。

<Home>のようなキーや矢印キーにも同じ問題が存在します。

どうすればこれを防ぐことができますか? グリフの後にキャレットを配置しないようにする方法、または段落の最後の文字に変更する方法はありますか?

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

javascript - ULで孤立したLI要素をラップするDesignModeのブラウザ-FirefoxとChrome

TinyMceを使用して、Webアプリケーション用のWYWIWYGエディターを実装しています。このアプリケーションを使用すると、ユーザーは部分的なHTMLを含むトークンを編集できます。たとえば、編集中のトークンには次のものが含まれる場合があります。

<li>テキスト</li>

ただし、値が<li> some text </ li>のエディターでSetContentを呼び出すと、要素は自動的に<ul>要素にラップされます。私の知る限り、これはTinyMCEではなく、ブラウザ自体によって行われています。

これが有効なHTMLを作成するブラウザの方法であることを理解していますが、残念ながら、ユーザーが無効な要素を編集できるようにする方法はありません(liがul内にないためにのみ無効です)。

これはFireFoxとChromeの両方で発生します。ブラウザがこれを実行しないようにし(setHtmlを呼び出す場合)、無効なHTMLを許可する(たとえば、pタグを開く)方法はありますか?

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

javascript - HTML、Javascript - スクロールバーを生成する代わりに、iFrame より幅の広い単語を分割する

非常に基本的な WYSIWYG エディターを作成するために ExecCommand を使用しています。これは、将来のプロジェクトで作成する必要があるためです (したがって、CKEditor や tinyMCE のようなものについては教えないでください)。通常の使用ではすべて正常に動作します。ただし、iFrame よりも広い単語を入力すると、単語は分割されません。代わりに、スクロールバーが iFrame に追加されます。これが私の問題を示すビデオです: https://vimeo.com/42699618 だから、これを防ぐ最も簡単な方法は何だろう?

コードは次のとおりです。

0 投票する
2 に答える
2371 参照

javascript - designmode=on 内で HTML 要素を保護する方法

designmode がオンになっている iFrame があります。ドキュメントには、ユーザーがメニュー選択を介して貼り付けることができるいくつかの「特別な」要素があります(固定されたより広いアプリケーション内で使用されるカスタム文字/識別子/説明)。これらの html 要素を変更から保護し、ユーザーがそれらを選択または削除することを選択した場合は、それらを単一のエンティティとして扱う必要があります。iframe の例は次のようになります。

デザインモードでは、必要に応じて本文全体のコンテンツを編集できます。

「読み取り専用」スパンを保護する最善の方法は何ですか? 私ができる最善の説明は、すべてのユーザー テキスト操作 (つまり、カーソルの移動、選択、削除) に対して、スパンとその内容を 1 文字であるかのように扱いたいということです。span 要素に contenteditable="false" を設定しようとしましたが、これにより多くの望ましい効果が得られますが、IE8/9 ではうまく機能せず、他のブラウザーでは他の小さな問題があります。さらに、同じソリューションで designmode と contenteditable を混在させるのが良い考えかどうかはわかりません。