問題タブ [templating]

私はPHPで次のコードを持っています：

これは、WordPressの私のページにオーディオプレーヤーをレンダリングします。このコード内でカスタムフィールドを呼び出す必要があります。私のカスタムフィールドコードもPHPでコーディングされています。

何かのようなもの：

コードの2番目のブロックを最初のブロックとどのように使用または統合できますか？

小さな HTML テンプレートがある場合、それに関連する CSS と Javascript (イベントのバインドなど) を HTML のすぐ隣の同じファイルに配置すると便利ではないでしょうか?

それらをタグに入れることもできますが、テンプレートを何度もレンダリングすると、DOM でコードを何度も何度も増やすことになるため、通常はこれを行いたくありません。その上、尊敬するすべての Web 開発者は、CSS と Javasciprt を別々のファイルに入れたいと考えています。

しかし、実際には、すべてのテンプレートを調べて、すべてのタグとその内容を削除し、それらを 1 つの大きな .css ファイルに入れ、次に内容を .js ファイルに入れるシステムを実装するのは非常に簡単です。ファイル、および最終的にテンプレートには HTML のみが残ります。

私はこれを行っており、それを使用する方法に関するベストプラクティスをまだ学んでいます (たとえば、Javasript のどの部分をそこに置きたいですか?)。アプリ。だから、同じ方法を使用するシステムがあるかどうか疑問に思っています。

非常に小さなプロジェクトではRailsのオーバーヘッドは本当に必要ないので、単純なRubyとHAMLだけを使用してこれを実現しようとしています。

HAMLテンプレート内に別のHAMLファイルを含めたい。しかし、私はこれを行うための良い、または実際に使用できる方法を見つけていません。

たとえば、次の2つのHAMLファイルがあります。

document.haml

menu.haml

インクルードは明らかにここに行く方法ではありません。しかし、それは私がこの例で達成しようとしていることを説明する素晴らしい仕事をします。

すべてのWebフレームワークには独自のペットテンプレート言語があるようです。RubyにはeRubyがあり、PythonのdjangoはDjangoテンプレート言語を使用し、HaskellにはHeistとHamletがあり、JavaにはJSPがあり、次にPHPがあります...

私の質問は、誰かがそれらすべてを支配するために1つのテンプレート言語を作成しようとしたことがありますか？さまざまなWebフレームワークの中で少なくともある程度広くサポートされているそのようなテンプレート言語はありますか？

Liquid テンプレート エンジンを使用して、要約された一連の投稿を表示しています。現時点では、次のようなものがあります。

ページ コンテンツには HTML が含まれており、切り捨て語を使用すると、無効な HTML が出力に挿入される可能性があります。コンテンツからすべての HTML を削除したくはありません (埋め込まれたビデオと画像が表示される必要があります)。理想的には、適切な終了タグを追加するだけです。

単純に切り捨てるだけでは期待した結果が得られないことがわかります。私の質問は、Liquid を使用して有効なマークアップを出力するために HTML を切り捨てるにはどうすればよいですか?

アップデート

非常に具体的な問題は、Pigments を使用してマークアップされたコード サンプルがあることです。ここで、コード サンプルの途中で切り捨てが発生すると、いくつかのタグが開いたままになり、ページの残りの部分が台無しになります。コードサンプルをすべて削除せずにこれらの投稿を切り捨てる方法を探しています-コンテンツ本文のすべての開いているタグを切り捨てて閉じるだけです。

数年前、私はPHPで小さなウェブサイトを作成しましたが、それは今では成長しており、おそらくご想像のとおり、かなり混乱しています。htmlの最終出力を行う別のテンプレートがありますが、それでもコードの「ビジネスロジック」部分で多くのhtmlを処理する必要があります。

私の主な問題は、ページにさまざまなウィジェット（「最新のエントリ」、広告など）が含まれているため、ページごとに変化するため、それらのhtml-（template-）コードをテンプレートにハードコーディングできないことです。実際、ページ構造（またはレイアウト）は常に同じであるため、main-content-containerでさえウィジェットです。

したがって、コードのビジネスロジック部分で生成される$ templateData ['mainContent']、$ templateData ['widget1']、$templateData['widget2']などの配列ができあがります。

どうすればこれを解決できますか？

しばらく見て回ったので、これを解決する方法は2つあるようです。

1. 明らかな方法は、djangoのように継承とインクルードを備えた専用のテンプレート言語を使用することですが、これらの言語がどれほど複雑であるかを考えると、私はそれらの別の言語を学ぶ気はありません。また、私がdjangoで過ごしている間に気付いたのは、それが特に高速ではないということでした（特に、cssとjavascriptにもそのテンプレートを使用するように誘惑するため）。

2. もう1つのオプションは、PHP自体が提供するテンプレート機能を使用することです。ただし、これは、すべてのウィジェットに独自のphp-templateがあり、template-fileを含めることでhtmlコードを生成し、出力バッファリングを使用して結果をトラップすることを意味します。これは良い考えですか？ロジック部分内の変数内にHTMLが含まれることになります。また、この悪用は、意図されていないものの出力バッファリングを悪用しませんか？そして、パフォーマンスはどうですか？（書き込み/読み取り/フラッシュ元のバッファーはどこにありますか？ob_ *関数の呼び出しにはどのくらいの費用がかかりますか？）

私が見たものから、両方の変種の支持者がいます。個人的には、オプション2がもっと好きです（これは私がすでに行っていることの一種なので）が、変数内のhtmlは非常に間違っていると感じており、この方法で何かを解決できるかどうかは疑問です。

おそらく別のオプションはありますか？この問題をどのように解決しましたか？

私はちょうど傾斜をインストールします：

そして、 https://github.com/rtomayko/tiltの基本的な例を試すだけです

傾斜.rb

そしてそれはスローします：

何か案が ？ありがとう！

わかりましたので、これは少しランダムですが..

jQuery テンプレートを使用する Knockout.js で MVC 3 (Razor ビュー エンジンを使用) を使用すると、解決できると確信している小さな問題に遭遇しました。

jQuery-Tmpl を使用するには、テンプレートを提供する必要があります

問題は、かみそりビュー エンジンがこれらの特定のスクリプト タグ内で HTML を生成していないように見えることです。標準の html (script type="text/javascript")は問題なく処理しますが、前述の script タグでは何もしないようです。

この問題を回避する方法、つまり jQuery-Tmpl で MVC 3 Razor を使用する方法を知っている人はいますか?

最近、次のようなクライアント側のテンプレートソリューションが大量にあります。

• jqueryテンプレート
• ジョン・レシグマイクロテンプレート
• ハンドルバー
• EJS
• もっと

私が見る限り、jQueryテンプレートのみがパーシャルテンプレート（この場合は{{tmpl}}）の概念をサポートしています。

部分的またはネストされたテンプレートを許可する他のテンプレートエンジンは何ですか？

私はエクスプレスの専門家ではなく、パーシャルが内部でどのように機能するかわかりません。

非標準のテンプレートエンジンをExpressにどのように統合しますか？（標準はJadeまたはEJSです）。

私が見つけた唯一の情報はこれでした：

http://forrst.com/posts/Node_js_Jade_Import_Jade_File-CZW

提案されたフォルダ構造（ビュー/部分）を複製しましたが、配置するとすぐに機能しませんでした

index.jadeに入ると、空白の画面が表示されます。jadeから受け取るエラーメッセージは次のとおりです。

ReferenceError：./views/index.jade:3 1.'p index'
2.''
3.'！= partial（\' header'、{}）'

部分的は定義されていません

助けていただければ幸いです。（私はexpress.jsを使用しないことを強く好みます）