問題タブ [html-templates]
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.
html - Web コンポーネントに要素をプログラムで挿入することはできますか?
slot属性を指定することなく、ネストされた Web コンポーネントまたは特定のタイプの要素を自動的またはプログラムでスロットに入れることは可能ですか?
次のような構造を考えてみましょう。
次の<parent-element>ような Shadow DOM を使用します。
期待される結果は次のとおりです。
つまり、要素内でのみ許可されるのと同様に<child-element>、 s は要素内でのみ許可されるように強制したいと考えています。そして、それらを要素内に配置したい。それらのそれぞれに属性を指定して、それらを特定のスロット内に配置する必要があるのは冗長に思えます。同時に、 内の残りのコンテンツは、2 番目の要素に自動的に挿入されます。<parent-element><td><tr><slot name="child-elements">slot<parent-element><parent-element><slot>
親要素を登録するときにこれを定義する方法を最初に検索しましたが、CustomElementRegistry.define()現在はオプションとしてのみサポートextendsされています。
次に、要素を手動でスロットに入れることができる関数、つまり のようなものがあるのではないかと思いchildElement.slot('child-elements')ましたが、それは存在しないようです。
次に、次のように、親要素のコンストラクターでプログラムでこれを実現しようとしました。
これは子要素を に移動しませんが、それらはすべて 2 番目の要素<slot name="child-elements">にスロットされます。<slot>
python - ログインビューDjangoに逆一致がない、htmlテンプレートの解析エラー
django アプリケーションに問題があります。base.html テンプレートは特定のビューで解析できますが、すべてのビューでは解析できず、エラー コードが返されます。
私はdjangoの経験があまりありませんが、ビューが互いに離れすぎていない場合、テンプレートを解析できるようです。
私も非常に悪い構造を持っていますが、django Web サイトを適切に構造化する方法がわかりません。
ログインファイル (動作しません):
ダッシュボード ファイル (作品):
テンプレートのファイル構造: templates/base html templates/registration/login html templates/users/dashboard html
URL Python ファイル
base.html からの問題のある行:
これは、html テンプレートの static を含む最初の行にすぎません。[ファイル構造][1]
完全なコードはこちら: https://github.com/lolThinked/Stemdirekte
以下のエラーコード: '''
html - Thunderbird が HTML ヘッダーのスタイルを移動するのはなぜですか?
レスポンシブ メール テンプレートを作成しています。Thunderbird を使用していくつかのテストを送信しています。
ほとんどの電子メール クライアントでは、非常にうまく機能します。ただし、Gmail ではスタイルは適用されません。
CSS サポートを確認したところ、gmail は <head> タグ内の <style> のみをサポートしていることがわかりました。メールチンプ
これを知って、頭の中にスタイルを埋め込んだのですが、スタイルが GMAIL に適用されませんでした。
さまざまなフォーラムで調査して頭を悩ませた後、解決策が見つからなかったので、明らかなことを確認したところ、Thunderbird は <style> を <head> から <body> に移動することがわかりました
テンプレートを Thunderbird 経由で送信し、メールの送信元を見ると、次のようになります。
メールユーティリティを介してテンプレートを送信すると、動作は期待どおりで、スタイルは gmail で正しく機能します
Gmail のビュー:
サンダーバードがスタイルをボディに移動するのを防ぐには?
Thunderbird 78.7.1、Ubuntu 20.04.2 LTS を使用しています
c# - メール テンプレート用に C# で object-fit を実装する
ユーザーにメールを送信するためのhtmlテンプレートに取り組んでいます。テンプレートにはさまざまなサイズの画像を含めることができ、メールごとに異なる画像にすることができます。すべての画像を120px X 90pxサイズに合わせたいのですが、outlook は css プロパティをサポートしていないためobject-fit、高さのプロパティが固定されているため、画像が歪んだ (小さい画像) またはつぶれた (大きい画像) ように見えます。height プロパティを削除すると、全体のデザインに影響します。
object-fit:containcss プロパティを c# に実装して画像を120px X 90px(4:3 の比率) に合わせるか、Outlook の css プロパティを使用することを提案できますか?
例: https://www.w3schools.com/css/tryit.asp?filename=trycss3_object-fit_all
前もって感謝します！
PS: C# レーザー エンジンを使用して電子メールを生成しています。
更新 #1: Outook のハック/解決策は役に立ちません。画像フレーム()に合わせながら、base64でエンコードされた画像をクリップしてアスペクト比(4:3)を維持する方法を誰かが提案できますか120px X 90px?