問題タブ [inlineeditbox]

これをFireFox3で実行すると、

インラインで編集可能なテキストをクリックして変更し、その外側をクリックすると、FFは次のように言います。「プロパティHTMLDivElement.tagNameを取得するためのアクセス許可が拒否されました」

e.relatedTargetがnullであるため、Firebugデバッガーは次の行で中断します。

try {e.relatedTarget.tagName; } catch（e2）{return; }

これに対する修正を見つけるために何ができますか？

dijit.InlineEditBoxを使用しようとしています。dojoドキュメントの例を使用して、次のコードをHTMLに配置しました。

ツンドラのテーマを使用しています。動作しますが、見た目はあまり良くありません。ウィジェットには独自のスタイルがあり、私のCSSには適合しません。問題の原因を突き止めるためにfirebugを使用しました。ウィジェットは多くのネストされたdiv/span要素を作成し、それぞれに独自のスタイル（firebugの要素スタイル）があります。

（関連する部分のみを表示しています...）

改行に分割されない目的のビジュアルを取得するには、dijit_form_TextBox_0 **の幅を50％に変更し、dijit__InlineEditor_0の位置を次のように表示する必要があります。inline**;

またはすべての位置を変更します（私のレイアウトのほとんどはフロートしているので、位置：絶対は適合しません）

もちろん、element.styleが優先されるため、cssでこれらのスパン要素をアドレス指定してプロパティを変更することはできません。

このシステムのロジックがわかりません...dijitが要素内で直接スタイルを生成するのはなぜですか？これらのプロパティを変更するにはどうすればよいですか？

ありがとうトム

dijit.InlineEditBox のエディターとして dijit.form.Select を使用しようとしています。2 つの問題 / 予期しない動作が発生するようです。

1. 矛盾して、InLineEditBox には初期値が選択済みとして設定されていません。
2. 一貫して、選択肢を選択した後、非表示にする必要がある値がラベルの代わりに表示されます。
3. 幅が 130px に設定されていません

ここに作業コードがあります: http://jsfiddle.net/mimercha/Vuet8/7/

ジスト

どんな助けでも大歓迎です！ありがとう！

次のスレッド: Using dijit.InlineEditBox with dijit.form.Select以下のフィドルで確認できる InlineEditBox の「修正バージョン」を使用しています。

http://jsfiddle.net/mimercha/Vuet8/16/

「FixedInlineEditBox」dijit は、初期化時に「on​​Change」イベントをトリガーします。Ajax イベントで InlineEditBox を使用しようとしており、一度にページに最大 300 個のインライン編集ボックスを配置できるため、トリガーされなかった FixedInlineEditBox の「onChange」イベントがトリガーされた理由を理解しようとしています。元の InlineEditBox からの初期化:

http://jsfiddle.net/mimercha/5HUga/1/

onChange をトリガーせずに初期化中にdisplayedValueを保存する方法についての提案は素晴らしいでしょう!

いくつかの dijit.InlineEditBox ウィジェットがあり、それらに検索の強調表示を追加する必要があるため、一致した単語の上に class="highlight" を含むスパンで結果を返します。結果のコードは次のようになります。

これは予想どおりに見えますが、タイトルの編集を開始すると、追加されたスパンが表示されます。テキストのみが残るように、追加されたスパンをエディターで削除するにはどうすればよいですか?

この特定のケースでは、書籍のタイトルに html が含まれていないため、ある種の完全なタグの削除が機能するはずですが、解決策を見つけるとよいでしょう (おそらく dijit.Editor ウィジェットを使用した短い説明フィールドの場合)。既存の html はそのまま残され、ハイライト スパンのみが削除されます。

また、これを行うためのより良い方法 (インライン編集と単語の強調表示) を提案できる場合は、お知らせください。

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

私は dojo 1.8.1 を使用しており、テキストエリア用とエディター用の 2 つのインライン エディターがあります。それらの使用方法を説明するのに役立つフライオーバーのヒントを提供したいと思います。理想的には、コンテンツがない場合はインライン エディターのテキストエリア/エディターにヒントをシードし、クリックして不足しているコンテンツを編集すると、これが消えるようにしたいと思います (ライター アイコンの下線は私のためにそれをしませんでした - - そのスパンを置き換えることができれば、それも問題ありません)。ただし、最初は、入力領域にマウスを置いたときにツールチップが表示されると便利です。

だから私はこのようなスニペットを持つhtmlページを持っています

これは chrome と IE で問題なく動作しますが、ページが非常に大きい場合、Internet Explorer のみがエラーをスローします。

それらの特定のインライン編集ボックスは表示されなくなります。したがって、おそらく 1,000 個のインライン編集ボックスの 70% がレンダリングされます。

スクリプト type='dojo/connect' をコメントアウトすると、エラーはスローされません。

おそらくIEの制限だと思いますが、これを引き起こしているアイデアはありますか？

シンプルなインライン エディター ウィジェットを作成しようとしています。私が望むのは、テキストをジャンプすることを余儀なくされることなく、編集モードに移行することです。ここにフィドルの例があります。テキストをクリックすると、編集モードに移動しますが、編集モードと表示モードの両方で同じパディングとマージンに設定されている場合でも、コンテンツ「テスト」がジャンプします。

CSS:

エディターに CKEdiotr LineHeight プラグインを追加しました。

構成ファイルからツールバー構成を設定していないときは正常に動作しますが、ツールバーの非表示設定を有効にするとうまくいきます。

私のツールバー設定は、「行の高さ」構成設定で次のとおりです

私が行方不明になっている場所を教えてください。config.toolbarアイテムリストにアイテム名を追加するのが足りないと思います