問題タブ [live-preview]

楽しみのために、ライブ プレビュー付きの製品フォームを作成しています。

HBS

このライブ プレビューは、{{ }} の値を使用するだけで表示されます。

では、このネストされたバインディングをどのように行うか、または単に別のソリューションを推奨しますか?

乾杯

クリスチャン

背景色など、いくつかの CSS プロパティの値をカスタマイズできる Admin CP のページを作成したいと考えています。これには、Wordpress などのようなライブ プレビューが表示されるはずですが、方法がわかりません。

スタイルにLESSを使っているので、Less.jsや

それは機能しますが、問題は、Bootstrap もインポートするため、less ファイルが小さくないため、ページの変更を表示するのに約 1 秒かかることです。

このようなことを行う方法は他にありますか？

セットアップ -
(これはひどいセットアップですが、興味がある場合は、その説明を最後に残します。)

.jsp ファイルの内容を含む .php ファイルを編集しています。これはすべてBracketsで行われており、ライブプレビューウィンドウが気に入っています.

問題 -

.jsp ファイルのコンテンツを編集するたびに、ライブ プレビュー ウィンドウが .jsp のテキストに変更されます (Brackets は明らかに .jsp のレンダリングをサポートできないため、スタイリングはありません。それで問題ありません)。

必要なもの -

ライブ プレビュー ウィンドウを .php ファイルに固定する方法はありますか? たとえば、Brackets が .css ファイルを扱うように .jsp ファイルを扱うようにしたいと考えています。したがって、.jsp に切り替えると、.php はライブ プレビュー ウィンドウにとどまり、保存時に更新されます。(現在、この更新は問題なく動作します。イライラするのは、常に前後に切り替えることです。)

別の解決策は、両方のファイルを別々のライブ プレビュー ウィンドウで開くことですが、それが可能かどうかはわかりません。



説明 - 私の会社は Web サイトの背後にある技術を更新することに役に立たないので、それを編集するための回避策を見つけなければなりません。サイトがほぼすべてに使用する .jsp ファイルのより簡単な編集設定を作成しようとしています!

私が作成した .php ファイルは、単なる基本的なローダーです。.jsp をライブ プレビューで動作する .php にパッケージ化することで、ファイルの編集がより簡単かつ迅速になります。

このページですばらしい jQuery コードを見つけ、自分のサイトで使用しました。それはうまくいきます。jQuery を使用したフォームとライブ プレビュー。しかし、データベースを更新してフォームを再度開くと、フォームフィールドにテキストが正しく配置されますが、フィールドをクリックしてクリックした後にのみプレビューが開始されます。関数が mysqli クエリの直後にプレビューを開始するように強制するにはどうすればよいですか?

bootstrap-fileinput.jsArnold Daniels によるファイル入力プレビューに使用しています。jquery.Jcrop.jsそして、ケリー・ホールマンによるクロッピングのために。

bootstrap-fileinput選択した画像をライブ プレビューするには、画像srcエンコード データ URL に挿入します。このようなものdata:image/png;base64,iVBORw.......

ユーザーが写真を選択してライブプレビューを取得すると、その画像をトリミングできるようにしたいと考えました。私は追加のボタンでそれをやろうとしました: ユーザーが画像を選択するとライブプレビューが表示され、ボタン「クロップ」をクリックすると、追加された画像に対してJcropスクリプトが初期化されます。( $img_wrapper.find('img').Jcrop({});)。そして、それはうまくいきます。

しかし、「クロップ」ボタンを押さずに同じことをしようとすると、ファイルが選択された後に自動的に機能しません。私が理解しているように、jQuery は新しいイメージを認識しません。
私はイベントで試しましたが、うまくいきませんon.('click', func...。次に、独自のリスナーを提供するドキュメント ( http://jasny.github.io/bootstrap/javascript/#fileinput ) で見つけましたが、それでも機能しません。ボタン「クロップ」を使用すると、正常に機能しますが、自動的に機能しません。なぜですか?Jcropon.('change.bs.fileinput', funct...

したがって、そのように機能します：（画像を選択して「トリミング」を押すと、画像をトリミングできます） http://jsfiddle.net/8f44yo9v/2/

しかし、そのようには機能しません: http://jsfiddle.net/o7tbr6mo/