問題タブ [mustache]

Pusherを使用してWebソケットを使用して更新をクライアントに直接プッシュするRailsアプリを構築しています。JavaScript の場合:

これは、コードとプレゼンテーションの厄介な混合です。したがって、自然な解決策は、javascript テンプレートを使用することです。おそらくエコまたは口ひげ：

これは良いことです。ただし、繰り返します。口ひげのテンプレートは、サーバーから HTML をレンダリングするために既に作成した ERB テンプレートと 99% 同一です。口ひげと ERB テンプレートの意図した出力/目的は 100% 同じです: ツイート オブジェクトをツイート html に変換します。

この繰り返しをなくす最善の方法は何ですか？

更新：私は自分の質問に答えましたが、他の人からの他のアイデア/解決策を見たいと思っています。

テンプレートに含める特定の「変数」にアクセスできる Web ページの HTML テンプレートをエンドユーザーが編集できるようにするサービスを作成しています。

Liquid はまさにこの目的のために設計されており、(少なくとも比較的) 安全であり、本番環境で頻繁に使用されていることを私は知っています。ただし、Mustache のようなものと比較すると、この言語はエンド ユーザーにとってかなり複雑であることがわかります。

Mustache は素晴らしいように聞こえますが、セキュリティが心配です... エンドユーザーのテンプレートに使用されたことはありますか?

基本的に、エンドユーザー向けにRailsで使用できるテンプレートエンジンを探しています:

1. 安全 - ユーザーによるコードの実行を許可しません...少なくともサーバー上では許可しません。ユーザーは、クライアント側の JavaScript を挿入できます。
2. 強力 - エンドユーザーは、提供された「変数」を使用して、#1 のコンテキスト内で想像できるほぼすべての Web ページを作成できます。
3. シンプル - 構文が明確で、エンドユーザーが簡単に適用できます
4. JavaScript やその他の言語でのテンプレート構文のレンダリングがサポートされている場合のボーナス ポイント。

Liquid は 1 と 2 に適合しますが、3-4 には適合しません。口ひげは 2 ～ 4 を満たしていますが、1 番については確信が持てず、交渉の余地はありません。

洞察、経験、またはコメントを大いに感謝します。

Mustache.js を使用して、このネストされたオブジェクトからデータを取得する方法がよくわかりません。ネストされたデータ オブジェクトを戻す YQL マルチ クエリを使用していますhttps://gist.github.com/866247。ネストされたオブジェクトにアクセスしようとすると問題が発生します

データは次のように返されます。ここで、0 と 1 はオブジェクトを含む配列の一部です。これはツリーhttp://cl.ly/1e1b3O3U233e2I0d3g2fの写真です。

以下のテンプレートを試しましたが、何も返されません。問題は、その2番目の「結果キー」が配列とともに返され、口ひげが何をすべきかわからないことだと思います。

これが誰にとっても理にかなっている場合、キーがない場合、配列内のネストされたオブジェクトにアクセスするにはどうすればよいですか?

Mustacheテンプレートを使用しており、RoR Webアプリケーションで、テンプレートとデータベースに保存したデータを組み合わせたプレビュービューを作成したいのですが、インターネットで検索した後（ SO！）、アクティブなモデルを含む例は見つかりませんでした。

ActiveModelレコードをMustacheにパイプして、テンプレートとマージするにはどうすればよいですか？

セットアップ：

スキーマ

モデルについて特別なことは何もありません。どちらもActiveRecord::Baseからサブクラス化されています

コントローラー

景色

ルート

データ

テンプレート（例としてhtmlを簡略化しました）

結果

期待

私はこれに対する簡単な答えがあることを望んでいます、そして私はそれをただ逃しています。ありがとう。

新しいサイトのテンプレートに JSON と MUSTACHE を使用しています。しかし、json データから HTML を取得する方法がわかりません。APIプロバイダーとして機能するバックエンドでPHPを使用しています。私はこの概念に非常に慣れていません。すべてのヘルプと提案は大歓迎です。

ありがとう。

私が使用しているコード::

JSON データは次のようになります::

口ひげのテンプレート:

現在の出力:

必要な出力:

ストリング

ありがとうございます

私はいくつかの静的な html ファイルを持っており、mustache.js を使用してクライアント側の変更を加えて内部の静的テキストを変更したいと考えています。

これは github の Twitter の口ひげ拡張機能で可能だったようです: https://github.com/bcherry/mustache.js

しかし最近、特定の I18n 拡張機能が削除または変更されました。

lang param に基づく言語 JSON ファイルをhttp:/server/static.html?lang=enロードするソリューションを想像します。mustache.jsdata_en.json

次に、mustache は{{tags}}を送信されたデータに置き換えます。

誰かがこれを行う方法の例を教えてもらえますか?

このようなことをする方法はありますか：

Mustache ライブラリとは? または、他のライブラリを使用することもできます。

チュートリアルを探してしばらくウェブを検索しましたが、あまり運がありませんでした。

私の理解では、TwitterはRailsで単一のMustache.jsテンプレートを使用して、最初のページの読み込み時にサーバーからレンダリングし、次に独自のajax遷移システム（sammy.jsのように）を介してレンダリングしています。

ハンドルバーとsammy.jsをrailsにロードすることはできますが、サーバー（rails）側とclient（sammy）側から単一のテンプレートファイルを共有する方法がわかりません。

私は口ひげについて素晴らしいことを聞いて、それを試してみることにしました。

jQueryでMustacheテンプレートを使用する方法を理解しようとしています。私は今、数日探しています。

口ひげはここで見つけることができます：https ：//github.com/janl/mustache.js/

これが私の試みです：

私のJSONデータは[{"NAME":"John","MIDDLE":"A","LAST":"Smith"}]

私が得るのは<p>test</p>。

私もこのテンプレートを使用してみましたが、それでも取得し<p>test</p>ます。

私は何が欠けていますか？

Mustache.jsでこれを行うことは可能ですか?