問題タブ [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 に答える
893 参照

javascript - designMode を備えたテキスト エディター。スパンの代わりに HTML タグを使用するように designMode を強制する方法

iframe と designMode を備えた小さなテキスト エディターを作成しました。(これは私がコード化していない例ですhttp://jsfiddle.net/Kxmaf/6/。Stackoverflowで見つけました)。

iframe ( document.body.innerHTML) のコンテンツを取得すると、結果は次のようになります。<span style="font-weight: bold;">Test</span> Text <span style="font-style: italic;">Text</span> <span style="text-decoration: underline;">TT</span>

スタイル属性を持つスパンの代わりにタグを使用するように designMode を設定することは可能ですか?

どんな助けでも大歓迎です:)

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

javascript - RTE 内のクラスおよびスタイル属性の変更 (designMode オン)

CLEditor を使用して、Web アプリケーション内のリッチ テキスト エディターをカスタマイズしています。フォントとフォント サイズを変更する場合、特にフォント サイズについては、デフォルトの execCommand よりももう少し微調整したコントロールが必要です。これは、古い HTML 属性 (1-7 14pt などの代わりに)。そこで、スタイル属性を設定するか、CLEditor が生成する iframe 内にタグのクラスを追加するだけでよいと考えていました。ただし、それを行うために必要なコマンドが見つからないようです。

だから私はこのようなことをしたいと思っています(jQueryを使って助けてください):

おそらく、選択したテキストをスパンか何かでラップしてから、スタイル属性を設定する必要があると思います。jQueryaddClasscssメソッドを使用する方法があれば、さらに良いでしょう。

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

flash - Flash Builder 4.6 デザインモードが機能しない?

Flash Builder 4.6 で作業していますが、Flash Builder でアプリケーションをデザインモードで表示できません。Flash Builder の設定オプションは変更していません。勝手に起動したようです。プロジェクトを閉じて開いても、Flash Builder 自体でも問題は解決しません。

ここに私が見るものがあります:

ここに画像の説明を入力

デザイン モードになっていることに注意してください。ただし、「デザイン モードの更新」矢印を押すことができません。また、プロパティ パネルには、デザイン モードでない限りその機能を使用できないことが示され、明らかにデザイン モードであることを認識していません。

画面の下部近くにある [デザイン モードの問題] パネルに注意してくださいTheme.mxml。そのファイルの 33 行目は次のとおりです。

ここに画像の説明を入力

私のアプリケーションは準拠しており、問題なく動作するため、エラーがないことに注意してください。

表示モードの問題をどのように解決できるかについてのアイデアはありますか?

ありがとうございました。

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

javascript - iframe 変更の選択

私は本当に単純な rte を作成していますが、これが私の問題です。選択したテキストを iframe(designmode=true) で取得できますが、変更することはできません。

html

スクリプトファイル

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

javascript - 別の既存のセレクターに基づいて要素を選択するにはどうすればよいですか?

私は次のコードを持っています:

rtは現在iframeドキュメント全体を選択しています。rt2がドキュメント要素内のbody要素を選択するようにします。これは、rtが選択しているものです。私は試した:

しかし、それはうまくいかなかったようです。どのようにそれは可能でしょうか?

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

javascript - Click と dblclick は、同じ html で異なる parentNode を配信します。なんで?

現在、jquery に基づく非常に小さな wysiwyg エディターに取り組んでいます。IEやChromeは気にしません。Firefoxだけです。私の問題は、選択が設定されている場合に href 属性の値を取得するためのリンクにあるかどうかを見つけることです。クリックでリンクのノードを見つけ、ダブルクリックで必ず本体。デザインモードです。

クリックと dblclick の私のイベント ハンドラー。vars current_selection、current_node、iframe、および container はグローバルです。

フォーマットされていないテキストをクリックすると、ログに「body」などの mit が表示されます。execCommand('createLink',...) でリンクを追加すると、ログに「A」が表示されます。それはうまくいきます。リンクされた単語を最初から最後まで2クリックでマークすると、ログに「A」が表示されます。しかし、ダブルクリックすると、常に「ボディ」が表示されます。そのため、href 属性を取得できません。

ハンドラーは init で定義されています。

誰かが何が悪いのか考えていますか?

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

javascript - iframeベースのテキストエディタでFirefoxとChromeのスペルチェックを無効にする

textareaを使用してhtml要素のスペルチェックを無効にする方法については、多くの情報がありspellcheck='false'ます。ただし、より高度な機能を備えたテキスト領域を使用するには、を使用iframeする必要がありdesignMode = "on"(たとえば、このページを参照してください。これは、RichTextAreaをGWTに実装する方法です)、そのトピックに関する投稿は1つも見つかりませんでした。

Firefoxはそのような高度なテキスト領域を検出し、それらのスペルチェックを有効にします。Firefox / Chromeからこのページにアクセスし、テキストフィールドにコンテンツを入力すると、ライブで表示できます。たとえばFirebugを使用してhtmlソースコードを検査すると、textareaタグは表示されませんが、FFスペルチェックは引き続きアクティブです。私がそれを無効にすることができた唯一の方法はに設定することでしdesignModeoffが...私はそれが必要ですon

問題は、designMode = "off"を設定せずに、iframeベースのテキスト領域のFFスペルチェックを無効にする可能性はありますか?

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

wpf - 静的な方法でWPFを使用して設計モードを検出する

WPFを使用しています。デザインモードでは使用できないセットアップを実行する静的クラスがあります。このコンストラクターは、デザインモードのウィンドウによって呼び出され、例外がスローされます。

静的メソッドでデザインモードを検出して、適切なデザインモードの動作を呼び出すにはどうすればよいですか?

推奨されるアプローチは、静的メソッドでは機能しません。


編集:

静的コンストラクターはxamlから呼び出されるため、条件付きで呼び出すことはできません(呼び出しを分離コードに移動しない限り、回避したい)。

ウィンドウ内:<Window ... HelpProvider.Keyword="some_help_topic.html">

クラスで:

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

asp.net - VIsual Studio 2010 デザイン モード エラー作成コントロール (オブジェクト参照が設定されていません)

デザイン モードでは、1.1 / 2003 から .NET 4.0 / VS 2010 にアップグレードして以来、サイト全体でこの問題が発生しています。

これについてはグーグルで検索することがたくさんあり、私はそれをすべて試しました。私は何が欠けていますか?

- Visual Studio の別のインスタンスからデバッグしようとしています: Control vs2010 MasterPageの作成中にエラーが発生しました - これがどのように機能するかについての詳細はあまりありません。VS2010 の別の空のインスタンスを開始し、devenv.exe にアタッチしました。Debug->Break All を設定します。VS の Web サイト インスタンスでデザイン モードに切り替えました。VS の Web サイト インスタンスをデバッグ モードで実行しました。何も起こりません。ページにいくつかのユーザーコントロールがあるため、これが役立つことを望んでいました。しかし、私はそれらに何か問題を見つけることができません。この種のデバッグを正確に行う方法について詳しく知ることはできますか? .aspx ソースについては、この投稿の最後を参照してください。

- ページのタグにある <% =Session["Username"]%> ジャンクをコメント アウトしました。

- コントロールを動的に追加したり、インスタンス化されていないオブジェクトにアクセスするための OnInit() メソッドをチェックしました。それはきれいです:

.Aspx ページ ソース (間引き):

. . など。

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

.net - デザイン モードでアクセス可能なプロパティを持つユーザー コントロールの作成

デザイン ビューからユーザー コントロールのプロパティにアクセスするにはどうすればよいですか?

たとえばNoteBoxTitleプロパティで呼び出されるカスタム ユーザー コントロールがあります。

ラベル、ボタン、またはグループ ボックスのプロパティTitleと同じように、プロパティを完全なデザイン ビューに設定し、それをフォームに表示できるようにしたいと考えています。Text

これは可能ですか?