woo-email-editor

woodv email editor

Install

npm install woo-email-editor html-to-image --save-dev
or
yarn add woo-email-editor -D

Import

import WooEmailEditor form "woo-email-editor"

Use

        const wooEmailEditor = new WooEmailEditor({
            el: document.getElementById("root"),
            appKey:"lsqw50avhp81g4a8iwjljhutewzztq6r",
            theme:{
                container:"#2C2A39",
                drop:"#2C2A39",
                card:"#2C2A39",
                border:"#fe8033",
                fontColor:"rgba(255, 255, 255, 0.85)",
                selectedColor:"#fe8033"
            },
            mergeTags:{}
        });

        document.getElementById("save").onclick = () => {
            const {html,json} = wooEmailEditor.save();
            document.getElementById("html").innerHTML = html;
        };
        document.getElementById("update").onclick = () => {
            wooEmailEditor.updateContent({});
        };
        document.getElementById("theme").onclick = () => {
            wooEmailEditor.setTheme("dark");
        };
        document.getElementById("image").onclick = () => {
            wooEmailEditor.getImageBase()
                .then(res=>{
                    console.log(res);
                })
                .catch(e=>{
                    console.error(e)
                })
        };

更新日志

    v1.2.5
    更正主题色配置
     const theme = {
        container:"#2C2A39",
        drop:"#2C2A39",
        card:"#2C2A39",
        border:"#fe8033",
        fontColor:"rgba(255, 255, 255, 0.85)",
        selectedColor:"#fe8033"
     }

    v1.2.3
    添加merge tag 配置

    v1.2.1
    更改链接地址

    v1.2.0
    页面细节优化

    v1.1.9
    添加更深层次的主题色
     const theme = {
        container:"#2C2A39",
        card:"#2C2A39",
        cardHeader:"#2C2A39",
        border:"#fe8033",
        fontColor:"rgba(255, 255, 255, 0.85)",
        selectedColor:"#fe8033"
     }

    v1.1.7
    添加主题色功能（dark || light）部分输入组件完善
    支持导出blob缩略图

    v1.1.3
    添加模板功能