問題タブ [edit-in-place]

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

ruby-on-rails-3 - TinyMCE などのリッチテキスト エディターで best_in_place を使用する

best_in_placeRails アプリケーションでインプレース編集を行うために gem を使用しています。ただし、一部のテキスト領域で (X)HTML 編集が必要なため、リッチテキスト エディターが必要です。TinyMCE はサイトの他の場所で使用されています。

ただし、エディタを に追加するのは簡単ではありませんbest_in_place。非常に単純化するために、gem は jQuery を使用してその場でタグを挿入し、 TinyMCEtextareaはページtextareaの読み込み時に初期化して、利用可能な をエディターに置き換えます。テキストエリアを挿入した後に TinyMCE を再初期化しようとしましたが、これまでのところ機能していないため、コード内でそれを行うための正しい場所を見つけられなかったと思います。best_in_placetextareabest_in_place

この統合が可能であるという噂がありますが、私の Web 検索ではドキュメントが表示されなかったので、ポインタを歓迎します。(同様に、この回答は役に立たず、2 つの壊れたリンクを指しています。)私が好むソリューションの順序は次のようなものになると思います。

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

firefox - Firefox拡張機能を適切に開発しますか(最初にxpiにエンコードすることではありません)?

Mozilla Firefoxの拡張機能を開発する私が今していることに対して、「もっと簡単な方法」があるのではないかと思います。現在私はします:

  1. たとえば、開発するフォルダを作成しますmyextension

  2. このフォルダー内:ファイルを作成および編集します(install.rdf、chrome.manifest、xulファイルなど。基本的にFirefox拡張機能の他のすべての構造(ここでは問題ありません))

  3. myextensionのコンテンツをZI​​Pファイル(つまり、myextension.zipという名前)にZip圧縮します。

  4. myextension.zipの名前をmyextension.xpiに変更します

  5. xpi-file-firefox-extensionをインストールしてからfirefoxにインストールします

  6. Firefoxを再起動します

  7. 拡張機能をテストする

拡張機能のコードベースを編集するたびに、3。zip-compress、4。名前の変更、5。XPIファイルをFirefoxにインストール、6ブラウザを再起動するプロセスを実行する必要があります。

もちろん、これの一部を自動化することもできますが、実行中のFirefoxプロファイルフォルダーでFirefox拡張機能を直接開発する別の方法があるかどうか疑問に思います。

私が知っている拡張機能は、Firefoxプロファイルフォルダに次のように保存されています。 firefox/profile/extensions/nameofextension.xpi

よく覚えていませんが、そこにも拡張子をフォルダとして解凍して保存する方法があったと思いますか?このようにすると、編集後に再起動する必要がありますが、面倒なzip-renaming-installingをすべて実行する必要はありません。

何か案は?

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

javascript - jQueryのインプレース編集機能を切り替える方法は?

jQuery In Place Editorをいじってみましたが、適切に無効にする方法がわかりません。以下は私がこれまでに持っているコードです。

toggleリンクのリストでプラグイン機能を初期化および終了するためにjQueryメソッドを使用しています。以下のコードには、おそらく私の問題とは関係のない余分なビットがいくつかありますが、念のために残しておきます。

問題は、以下のコードが最初の2クリックで期待どおりに機能することです(つまり、1回目のクリック-editInPlaceプラグインを有効にし、2回目のクリック-無効にします)が、3回目のクリックでインプレース編集機能を再度有効にしません

なぜ何かアイデアはありますか?

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

javascript - Primefaces p:inplaceコンポーネント:JavaScriptで状態を読み取る方法は?

JavaScriptでPrimeFacesp:inplaceコンポーネントの状態にアクセスするにはどうすればよいですか?

必要なときに関数を呼び出すために、コンポーネントがインラインtoggle()状態にあるかどうかを確認する必要があります... AFAIKは状態を変更toggle()することしかできず、状態を目的の値に設定することはできませんか?

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

ruby-on-rails - Time オブジェクトのインプレース編集

多くの従業員の勤務シフトを計画するために使用されるアプリがあります。とをオブジェクトとしてShift保存するモデルがあります。shiftstartshiftendTime

Shifts表に数日を表示するページにユーザーを表示します。アイデアは、ユーザーがBest In Place gemを使用して、このテーブルshiftstartshiftend直接編集できるということです。

しかし、 Time オブジェクトを扱うときにこれを機能させる方法を理解できないようです - 誰もがこれについていくつかの経験や提案を得ました.

次のコードがあります。

見る:

スキーマ:

" undefined method `{:type=>:input}' for "08.00":String " エラーが発生し、すでに Best In Place Type を入力以外のものに切り替えようとしましたが、役に立ちません..

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

joomla - Joomla記事をプログラムで編集/更新する方法

joomla 2.5.8 の記事をプログラムで編集/更新しようとしています。

これができることはわかっていますが、方法はまだわかりません。オンラインでヘルプが見つかりませんでした..

理想的には、サーバーの負荷を軽減するために、クライアント側 (Javascript / AJAX) で機能するソリューションを探しています。

これまでのところ、 *<site_root>/administrator/index.php?option=com_content&view=article&layout=edit&id=<article_id>*ファイルの「jform[articletext]」フィールドにPOST (ランダムな HTML/テキスト) を試みましたが、成功しませんでした。

これを行う方法を知っている人はいますか?

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

jquery - Jquery ライブ編集プラグインが Zurb Foundation で機能しない

私は、Jeditable などのいくつかの jquery ベースのライブ編集 (その場で編集) プラグインを 試し、それらをZurb Foundation と統合しようとしています。

どうやら、Foundation のfoundation.min.js ファイルは、Jeditable やその他のライブ編集プラグインを無効にしているようです。それらは機能していないようです。このようなプラグインは、http: //www.jquery4u.com/plugins/10-jquery-live-page-edit-plugins でさらに見ることができます。

なぜ財団がそんなことをするのか理解できません。回避策はありますか?そのようなプラグインがZurb Foundationでうまく使用されているソリューションを知っている人はいますか?

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

jquery - jQuery - その場で編集 - 非表示フィールドあり、POST なし

私が見つけた多くのソリューションには、変更されたデータのライブ POST が含まれます。私はそれをしたくありません。

私は次のことを目指しています:

  • div / span (クリック / フォーカス時) を入力に変換します (通常の Edit it place のように)
  • 入力を非表示にしますが、DOM に保持して、フォーム内のすべての入力をシリアル化できる Ajax リクエストを作成できるようにします。
0 投票する
2 に答える
5664 参照

wpf - ポップアップの位置を要素にロックするか、ItemsControlでインプレース編集するためにレイヤーを使用してポップアップを偽造します

私が達成しようとしているのは、基本的に、inwpf内のデータバインドされたオブジェクトのインプレース編集ですItemsControl

myは、ユーザーコントロール()の複数のインスタンスを含むItemsControl水平線で、人の名前が付いた小さなピンクのグリフとして表示されます。こんな感じWrapPanelNameControl

図1

ポップアップを使用して、この「名前」(バインドされたオブジェクトの他のプロパティなど)のエディターを表示できますAddressGenderこれは完全に正常に機能します。この時点での私のXAMLは、

次のような名前をクリックすると出力が表示されます

図2

ポップアップが未亡人と一緒に移動せず(サイズ変更/最小化/最大化)、ポップアップが他のウィンドウよりも上にあることを除いて、この外観は非常に満足しています(私のひどい色の選択は別として!!

したがって、その一部を解決する1つの方法は、ポップアップ位置を要素に「アタッチ」またはロックすることです。私はそれを行うための良い/簡単/xamlの方法を見つけていません。私はいくつかのコードベースのソリューションに出くわしましたが、それが好きかどうかはわかりません。ちょっと匂いがします。

達成しようとした別の解決策は、ポップアップを捨てて、他の名前の上にあるが、関連付けられた名前コントロールの上にある(または下にある)レイヤー/パネルの動作をエミュレートしようとすることです。

私はいくつかの異なることを試しましたが、主に(グリッド、WrapPanel、メインウィンドウの最上部にあるDockPanel)Panel.ZIndex内のコントロールの設定についてはほとんど成功しませんでした。エディターグリッドのプロパティをビューモデルプロパティにバインドPanelControlする簡単な方法を実装しましたが、これは正常に機能しますが、名前の上にエディターグリッドを表示するように、要素を配置することはできません。BoolToVisibilityConverterVisibilityIsEditModeItemsControl

上記のことを行うために、私は単にコメントアウトし、エディターグリッドを含むにPopup次のバインディングを追加しました。BorderVisibility="{Binding IsEditMode, Converter={StaticResource boolToVisibility}}"

これだけです:

図3

名前の下にポップアップが表示されるだけで、他の名前のには表示されません。

何か助けはありますか?私は何が間違っているのですか?