問題タブ [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.
ruby-on-rails-3 - TinyMCE などのリッチテキスト エディターで best_in_place を使用する
best_in_place
Rails アプリケーションでインプレース編集を行うために gem を使用しています。ただし、一部のテキスト領域で (X)HTML 編集が必要なため、リッチテキスト エディターが必要です。TinyMCE はサイトの他の場所で使用されています。
ただし、エディタを に追加するのは簡単ではありませんbest_in_place
。非常に単純化するために、gem は jQuery を使用してその場でタグを挿入し、 TinyMCEtextarea
はページtextarea
の読み込み時に初期化して、利用可能な をエディターに置き換えます。テキストエリアを挿入した後に TinyMCE を再初期化しようとしましたが、これまでのところ機能していないため、コード内でそれを行うための正しい場所を見つけられなかったと思います。best_in_place
textarea
best_in_place
この統合が可能であるという噂がありますが、私の Web 検索ではドキュメントが表示されなかったので、ポインタを歓迎します。(同様に、この回答は役に立たず、2 つの壊れたリンクを指しています。)私が好むソリューションの順序は次のようなものになると思います。
- TinyMCE と統合する方法は次のとおりです。
best_in_place
- TinyMCE ではできませんが、別のリッチテキスト エディターで行う方法は次のとおりです。
- それはできませんが、Rails 3.2.x 用
best_in_place
の別のリッチテキスト編集インプレース ソリューションを次に示します。
firefox - Firefox拡張機能を適切に開発しますか(最初にxpiにエンコードすることではありません)?
Mozilla Firefoxの拡張機能を開発する私が今していることに対して、「もっと簡単な方法」があるのではないかと思います。現在私はします:
たとえば、開発するフォルダを作成します
myextension
このフォルダー内:ファイルを作成および編集します(install.rdf、chrome.manifest、xulファイルなど。基本的にFirefox拡張機能の他のすべての構造(ここでは問題ありません))
myextension
のコンテンツをZIPファイル(つまり、myextension.zipという名前)にZip圧縮します。myextension.zipの名前をmyextension.xpiに変更します
xpi-file-firefox-extensionをインストールしてからfirefoxにインストールします
Firefoxを再起動します
拡張機能をテストする
拡張機能のコードベースを編集するたびに、3。zip-compress、4。名前の変更、5。XPIファイルをFirefoxにインストール、6ブラウザを再起動するプロセスを実行する必要があります。
もちろん、これの一部を自動化することもできますが、実行中のFirefoxプロファイルフォルダーでFirefox拡張機能を直接開発する別の方法があるかどうか疑問に思います。
私が知っている拡張機能は、Firefoxプロファイルフォルダに次のように保存されています。
firefox/profile/extensions/nameofextension.xpi
よく覚えていませんが、そこにも拡張子をフォルダとして解凍して保存する方法があったと思いますか?このようにすると、編集後に再起動する必要がありますが、面倒なzip-renaming-installingをすべて実行する必要はありません。
何か案は?
javascript - jQueryのインプレース編集機能を切り替える方法は?
jQuery In Place Editorをいじってみましたが、適切に無効にする方法がわかりません。以下は私がこれまでに持っているコードです。
toggle
リンクのリストでプラグイン機能を初期化および終了するためにjQueryメソッドを使用しています。以下のコードには、おそらく私の問題とは関係のない余分なビットがいくつかありますが、念のために残しておきます。
問題は、以下のコードが最初の2クリックで期待どおりに機能することです(つまり、1回目のクリック-editInPlaceプラグインを有効にし、2回目のクリック-無効にします)が、3回目のクリックでインプレース編集機能を再度有効にしません。
なぜ何かアイデアはありますか?
javascript - Primefaces p:inplaceコンポーネント:JavaScriptで状態を読み取る方法は?
JavaScriptでPrimeFacesp:inplaceコンポーネントの状態にアクセスするにはどうすればよいですか?
必要なときに関数を呼び出すために、コンポーネントがインラインtoggle()
状態にあるかどうかを確認する必要があります... AFAIKは状態を変更toggle()
することしかできず、状態を目的の値に設定することはできませんか?
ruby-on-rails - Time オブジェクトのインプレース編集
多くの従業員の勤務シフトを計画するために使用されるアプリがあります。とをオブジェクトとしてShift
保存するモデルがあります。shiftstart
shiftend
Time
Shifts
表に数日を表示するページにユーザーを表示します。アイデアは、ユーザーがBest In Place gemを使用して、このテーブルshiftstart
でshiftend
直接編集できるということです。
しかし、 Time オブジェクトを扱うときにこれを機能させる方法を理解できないようです - 誰もがこれについていくつかの経験や提案を得ました.
次のコードがあります。
見る:
スキーマ:
" undefined method `{:type=>:input}' for "08.00":String " エラーが発生し、すでに Best In Place Type を入力以外のものに切り替えようとしましたが、役に立ちません..
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/テキスト) を試みましたが、成功しませんでした。
これを行う方法を知っている人はいますか?
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でうまく使用されているソリューションを知っている人はいますか?
jquery - jQuery - その場で編集 - 非表示フィールドあり、POST なし
私が見つけた多くのソリューションには、変更されたデータのライブ POST が含まれます。私はそれをしたくありません。
私は次のことを目指しています:
- div / span (クリック / フォーカス時) を入力に変換します (通常の Edit it place のように)
- 入力を非表示にしますが、DOM に保持して、フォーム内のすべての入力をシリアル化できる Ajax リクエストを作成できるようにします。
wpf - ポップアップの位置を要素にロックするか、ItemsControlでインプレース編集するためにレイヤーを使用してポップアップを偽造します
私が達成しようとしているのは、基本的に、inwpf内のデータバインドされたオブジェクトのインプレース編集ですItemsControl
。
myは、ユーザーコントロール()の複数のインスタンスを含むItemsControl
水平線で、人の名前が付いた小さなピンクのグリフとして表示されます。こんな感じWrapPanel
NameControl
ポップアップを使用して、この「名前」(バインドされたオブジェクトの他のプロパティなど)のエディターを表示できますAddress
。Gender
これは完全に正常に機能します。この時点での私のXAMLは、
次のような名前をクリックすると出力が表示されます
ポップアップが未亡人と一緒に移動せず(サイズ変更/最小化/最大化)、ポップアップが他のウィンドウよりも上にあることを除いて、この外観は非常に満足しています(私のひどい色の選択は別として!! )。
したがって、その一部を解決する1つの方法は、ポップアップ位置を要素に「アタッチ」またはロックすることです。私はそれを行うための良い/簡単/xamlの方法を見つけていません。私はいくつかのコードベースのソリューションに出くわしましたが、それが好きかどうかはわかりません。ちょっと匂いがします。
達成しようとした別の解決策は、ポップアップを捨てて、他の名前の上にあるが、関連付けられた名前コントロールの上にある(または下にある)レイヤー/パネルの動作をエミュレートしようとすることです。
私はいくつかの異なることを試しましたが、主に(グリッド、WrapPanel、メインウィンドウの最上部にあるDockPanel)Panel.ZIndex
内のコントロールの設定についてはほとんど成功しませんでした。エディターグリッドのプロパティをビューモデルプロパティにバインドPanelControl
する簡単な方法を実装しましたが、これは正常に機能しますが、名前の上にエディターグリッドを表示するように、要素を配置することはできません。BoolToVisibilityConverter
Visibility
IsEditMode
ItemsControl
上記のことを行うために、私は単にコメントアウトし、エディターグリッドを含むにPopup
次のバインディングを追加しました。Border
Visibility="{Binding IsEditMode, Converter={StaticResource boolToVisibility}}"
これだけです:
名前の下にポップアップが表示されるだけで、他の名前の上には表示されません。
何か助けはありますか?私は何が間違っているのですか?