Sea email editor

Sea email editor is a React-based rich text editor for composing email content. It is built on top of Slate and includes HTML and Markdown conversion, along with support for common email editing blocks.

Features

• HTML to editor content conversion
• Markdown to editor content conversion
• Rich text formatting: bold, italic, underline, inline code
• Block elements: headings, blockquote, lists, code blocks, divider, tables
• Link and image rendering
• Localization support

Installation

npm install @seafile/sea-email-editor

Usage

import React from "react";
import SeaEmailEditor from "@seafile/sea-email-editor";

export default function App() {
  return (
    <SeaEmailEditor
      value={"<div>Hello, world!</div>"}
      isHtmlValue={true}
      onChange={(html) => {
        console.log(html);
      }}
    />
  );
}

Props

• value: initial editor content, HTML or Markdown depending on isHtmlValue
• isHtmlValue: set to true when value is HTML
• options.lang: locale, currently en and zh-cn
• onChange: called with serialized HTML when the document changes
• assetURLPrefix: prefix for editor assets
• editorApi: editor integration hooks
• onLinkClick: custom link click handler

Notes

• The editor now re-initializes when the incoming value or isHtmlValue changes.
• The example app under example/ demonstrates how to preview the generated HTML output.