2012-03-18 11 views
12

ほとんどの電子メールから見えるように、(Web html css)から(e-mail html inline css)ファイルに変換できるソフトウェアがあれば、Web htmlを電子メールに変換するhtml

私はxhtmlファイルを書いて、そのファイルをプログラムにインポートしてdivにテーブルを変換して、自分のコードを書くことができるようにしたいと思っています。電子メールクライアントと互換性のあるインラインスタイルにCSSを変換します。

提案がありますか?

答えて

3

私は残念ながら、これを直接行うソフトウェアはありません。 divには表に含めることができない機能があります。さらに、実際のHTMLを送信することは自明ではありません。

email htmlは、推奨されなかったレイアウトテクニック(レイアウト用のテーブル)と、関連するプラットフォーム(Yahoo、Google、Thunderbird、Outlook)での手動テストが必要なため、やや暗いアートです。

+1

私は私が実際にいずれかを無効に制限があることを理解し 、しかし、いくつかの単純なパターンを与え、このスライドショーを見つけhttp://www.slideshare.net/OwlHillMedia/how-to-code-html-email-newslettersこの分野の熟練したWeb開発者、さまざまな読書スタイルのプログラムがありますが、どのようにそれらのプログラムはほとんどのブラウザと同様にw3c互換ではありませんか?私は、電子メールクライアントがブラウザのようにhtmlコンテンツを読むことがどれほど難しいのかを意味します。 – themis

+0

DOM(他の電子メールを含む)で情報を抽出し、その情報を中継するコードを書くことができないかもしれません。私は秘密の理由が文体の完全性とデータ容量だと思う。最後に、クライアントがこれを行うことはないため、変更する動機はありません。私はThunderbirdが完全なHTMLをレンダリングするのに大事なことを確信しています。誰も派手なスパムを受け取りたくない。 – Mikhail

+1

私はこのツールも見つけましたhttp://inlinestyler.torchboxapps.com/ しかし、私はそれがほとんどの場合にうまくいくとは確信していません。とにかくあなたが実際に答えた唯一の人なので、私はそれを試してみます – themis

11

私はサービスをMailchimpCSS Inlinerで使用しています。その本当に素晴らしいツールは、あなたのhtmlの&のCSSを同じファイル(外部CSSファイルなし)に保つだけです。私はあなたのhtmlファイル内のすべてのCSSをタグの内側に置いておきます。以下を参照してください:

<head>  
    <style type="text/css"> 
     /*Your CSS goes Here*/ 
    </style> 
</head> 

ここにリンクされていますhttp://beaker.mailchimp.com/inline-css

が、これはあなたを助けることを願っています。乾杯!

+0

甘い、リンクありがとう – yorch

+0

このサービスは*素晴らしい*です。それは、CSSをインライン化するにあたって驚くべき仕事をしています。そして、私はCSSが複雑だと思った多くのケース、それはうまく処理します。これは、 "Mailchimpという名前のCSSインライナー"という名前であることに注意してください。 "Mailchimp CSS to Email Converter"は、1つのことだけを行うため、インラインにスタイルを変換します。たとえば、img要素に幅と高さの属性を追加するということがあります(恐ろしい、そうではありません)。 –

+0

@yorchようこそ! – SVS

2

このサービスをお試しください。http://email.bigutility.com/inline-css-convertこれは、URLからインラインCSSに任意のコンテンツを変換します。

いくつかの重要な機能:複数の外部CSSファイルを持っている

  • サポートページ。

  • サポートCDN(CDNサーバーから読み込まれるCSSファイル)。

  • 結果をフィルタリングするjQueryセレクタをサポートしています。

  • インラインCSSページを編集するためのHTMLエディタ(wysiwyg)。
関連する問題