React Email Editor - HTMLメールをドラッグ&ドロップで作成するReact用コンポーネント // MOONGIFT Archived

HTMLメールを作る際に、一からコーディングするのはとても難しいでしょう。特にレスポンシブに気をつけたり、各デバイスできちんと表示できるかを確認するのは手間も時間もかかります。今回紹介するReact Email Editorを使えばHTMLメールをビジュアル的に作成できます。

React Email Editorの使い方

左側がエディタ、右側にコンポーネントが並んでいます。

画像はドラッグ&ドロップでアップロードできます。

テキストはツールバーを使って簡単に装飾できます。

ソーシャルのリンク。

React Email EditorはMailChimpのようなメール配信サービスに似たエディタとなっています。コンポーネントをドラッグ&ドロップするだけなので、簡単にメールが作成できます。できあがったデザインはHTMLで出力し、自由にメール配信に利用できます。

React Email EditorはReact/JavaScript製のオープンソース・ソフトウェア（MIT License）です。