TS Email Editor

TS Email Editor is a robust, versatile, and user-friendly React library for building beautiful, interactive emails. Built with TypeScript and based on ravenappdev/email-editor, it leverages the Craft.js framework to offer an intuitive drag-and-drop interface for email design.

The unique feature of Custom Email Editor is its seamless integration with a server for converting JSX email structures into reusable HTML templates. This provides developers and designers with the power to create visually compelling emails with minimal effort, and ensures compatibility across various email clients.

Features

• Intuitive Drag-and-Drop Interface: Construct your email designs by dragging and dropping components onto the canvas.
• Craft.js Foundation: Leverage the powerful Craft.js framework for maximum flexibility and scalability.

Getting Started

Installation

1. Install the library using npm or yarn:

1npm install --save ts-email-editor
2yarn add ts-email-editor

2. Import it into your project:

1import EmailEditor from 'custom-email-editor';

3. Use it

1import React from 'react';
2import { TSEmailEditor } from 'ts-email-editor';
3
4import './App.css';
5
6function App() {
7  return (
8    <div className="App">
9      <EmailEditorComponent editorSsrUrl="url of a ssr server" />
10    </div>
11  );
12}
13
14export default App;

The server code can be found here.