精华内容
下载资源
问答
  • Mosaico-响应电子邮件模板编辑器 Mosaico是一个JavaScript库(或者可能是单页应用程序),支持电子邮件模板的编辑。 伟大的事情是Mosaico本身并没有定义您可以编辑的内容或可以更改的样式:这是由模板定义的。 这使...
  • 2、邮件模板页面编辑展示:(页面富文本编辑器编辑的格式) 3、发送邮件接收效果展示: ---------------------------------实现过程------------------------ Controller:(在controller中调用这个方法,该方法可...

    首先明确要求:

    1、数据库里存储的是带有标签的,例如:(之所以存储带标签的,是因为可以直接copy出来用html打开进行查看)在这里插入图片描述
    2、邮件模板页面编辑展示:(页面富文本编辑器编辑的格式)
    在这里插入图片描述

    3、发送邮件接收效果展示:
    在这里插入图片描述

    ---------------------------------实现过程------------------------

    Controller:(在controller中调用这个方法,该方法可写在controller最下面)

            [HttpGet]
            [UserAuthorizeAttribute]
            public ActionResult Edit(int? id)
            {
                //根据id获取对象obj
                return View(obj);//直接返回该对象
            }
            [HttpPost]
            [ValidateAntiForgeryToken]
            [UserAuthorizeAttribute]
            public ActionResult Edit(EditEmailTemplate e_EamilTemplate, int? id)
            {
                try
                {
                    //根据id获取编辑对象 sysEmail 
                    sysEmail.Subject = e_EamilTemplate.Subject;
                    sysEmail.Body = StringToLabel(e_EamilTemplate.Body);//这里的方法在controller的最下面有定义
                    db.SaveChanges();
                    return RedirectToAction("Edit", "EmailTemplates", new { id = id });
                }
                catch (Exception ex)
                {
                    return View(e_EamilTemplate);
                }
            }
            [HttpPost]
            [UserAuthorizeAttribute]
            public ActionResult SendTestEmail(string subJect, string body, string sendToEmailAddress)
            {
                try
                {
                    body = "<html><head></head><body>" + StringToLabel(body) + "</body></html>";//这里必须这么做,否则邮件接收格式有问题;
                    //下面是发送邮件过程,参考SPSmtpClient类发送邮件;
                    return Json(1, JsonRequestBehavior.AllowGet);
                }
                catch (Exception ex)
                {
                    return Json(2, JsonRequestBehavior.AllowGet);
                }
            }
    
    
    private string StringToLabel(string body)
            {
                body = body.Replace("&amp;lt;", "<").Replace("&amp;gt;", ">");//这一行可以省去
                body = body.Replace("&amp;", "&").Replace("&quot;", "\"");
                body = body.Replace("&lt;", "<").Replace("&gt;", ">");
                body = body.Replace("&#39;", "'").Replace("&nbsp;", " ");
                return body;
            }
    

    cshtml:

    <div class="form-group row">
                        @Html.LabelFor(model => model.Body, htmlAttributes: new { @class = "col-form-label col-md-2 label_required" })
                        <div class="col-md-9 demo-section editor">
                            @Html.TextAreaFor(model => model.Body, "kendoEditor")<!--这里使用的是kendoEditor富文本编辑器,js中已引用-->
                        </div>
                    </div>
    

    js:

    $("#sendTestEmail").click(function () {
            var backUrl = window.location.href;
            var EmailAddress = document.getElementById("testEmailAddress").value;
            var Subject = document.getElementById("Subject").value;
            var Body = document.getElementById("Body").value;
            backUrl = backUrl.replace("Edit/" + id, "Index");//这里的id请更具自己的方式获取到,我这里的id代表的是数据库中的key,
    
            $.ajax({
                type: "POST",
                url: "../SendTestEmail",
                data: {
                    "sendToEmailAddress": EmailAddress,
                    "subJect": Subject,
                    "body": Body
                },
                success: function (data) {
                    if (data == 0) {
                        alert("Email Address error");
                    }
                    else if (data == 1) {
                        alert("Send test email Successd!");
                        window.location.href = backUrl;
                    }
                    else {
                        alert("Send test email Falid!");
                    }
                }
            })
        })
    
     $(function () {
            function escapeHTML(html) {
                return html.replace(/&lt;/g, "<").replace(/&gt;/g, ">")
            }
            var editor = $("#Body").kendoEditor().data("kendoEditor");//Body指的是标签的id,kendoEditor()指的是富文本编辑器
            var editorVal = $("#Body").val();
            editor.value(escapeHTML(editorVal));
        })
    

    总结:

    1、页面使用富文本编辑器编辑的格式在传到controller中被自动转义了两次;比如<p>标签变成了&lt;p&gt;,因此在post–>edit中调用了StringToLabel(string body)方法,然后存储带标签的到数据库中(如最上方的图一)
    2、数据库中保存的是带标签的内容:<p><strong>Dear</strong>{%FirstName%} {%LastName%}:</p><p style="text-align:center;">Please use the bel</p>(上方图二),在发送邮件前,则必须使用拼接方式拼接成"<html><head></head><body>" + StringToLabel(body) + "</body></html>"形式,然后传给发送邮件方法的Body,因为这样才是一个完成的HTML;(你也可以在入库的时候,就保存拼接后的格式

    说明:
    1、由于项目原因,不能直接放上所有代码;(后面有时间会整理放到GitHub上,供大家使用,如果还没有放链接,那就说明我还没整理,嘻嘻嘻
    2、是个人原创,欢迎留言讨论;转载请注明

    展开全文
  • 为什么我们要编辑HTML模板,因为精美的HTML模板能给用户带来很好的体验,很多大公司都用的不亦乐乎,如:苹果、阿里、腾讯、百度等很多通知都会使用HTML邮件回复。 但作为小公司或员工的我们,要制作一分精美的HTML...

    为什么我们要编辑HTML模板,因为精美的HTML模板能给用户带来很好的体验,很多大公司都用的不亦乐乎,如:苹果、阿里、腾讯、百度等很多通知都会使用HTML邮件回复。

    但作为小公司或员工的我们,要制作一分精美的HTML邮件比较麻烦,需要处理各种兼容,现在我推荐一款国内的一款比较好的应用直接支持在线生成精美的HTML邮件,需要的小伙伴可以去拉易网体验体验。我也尝试过一些国外的同类型的应用,但国内的邮箱兼容性不算太好,特别是手机端显示。

    展开全文
  • 电子邮件编辑器 创建HTML电子邮件模板 创建跨平台HTML模板。 保存模板 拖放组件, 产生HTML 适用于市长电子邮件客户端的有效HTML Snipest 展望2007 展望2013 邮箱 申请邮件
  • 响应式HTML电子邮件签名 让我们一拳打通电子邮件客户 :oncoming_fist: 当您需要在移动设备上工作的一些基本的响应式电子邮件签名时。 ...您的同事也需要他们。 ...但是您不想处理表格和内联样式。 :up-right_arrow...
  • Jenkins 邮件模板编写

    千次阅读 2017-07-05 09:58:56
    Jenkins 邮件模板编写 怎样编写一个自己的邮件模板?让你的报告看起来更加的丰富多彩。... 跟word 编辑器差不多,稍微了解一下你就可以玩转自如,看一下我编辑的表格:左侧是我编辑的内容,右侧是自

    Jenkins 邮件模板编写

    怎样编写一个自己的邮件模板?让你的报告看起来更加的丰富多彩。
    对于不熟悉html 和 css 的同学,可以按照我介绍的方式,来编写这个页面。
    首先介绍一个在线编辑html 的网站: https://html-online.com/editor/
    跟word 编辑器差不多,稍微了解一下你就可以玩转自如,看一下我编辑的表格:

    • 左侧是我编辑的内容,右侧是自动生成的代码
    • 其中带 [$] 符号的是Jenkins 中的变量,发送邮件时会自动替换掉
    • 这个表格是不是看起来很整齐?你还可以调整字体大写,颜色,背景色 等等
      这里写图片描述

    这样是有些单调了,能加张背景图就好了:

    那我们就copy 右边的html 代码,先到网上找个格式化的网站,格式化一下 然后粘贴到本地文本编辑器 加个body 把所有内容包起来
    再加个header ,给body 设置一个背景图 (图片是网上找的,只要能访问图片的URL就可以,后续如果想换了,也可以自己替换这个URL)
    图片地址:http://pic1.win4000.com/wallpaper/2/57887791aba6b.jpg

    这里写图片描述

    一切修改完成,我们保存这个文件为html 格式,在本地打开看一下是否正常: perfect~
    这里写图片描述

    最后把html 代码复制到jenkins 的 Default Content 里面,具体配置请参考:http://blog.csdn.net/jasonliujintao/article/details/74372717

    展开全文
  • 您可以从Shopify商店中的“ Settings > Notifications下访问这些模板,但是我发现在制作自定义HTML电子邮件模板时,可以更轻松地将所有这些模板在本地提供以供文本编辑器参考。 执照 这些模板由拥有。 有用的资源
  • HTML电子邮件模板。 。 附件电子邮件模板。 命令: 。 。 。 键映射(快捷方式): ctrl-alt-1用于电子邮件预览。 ctrl-alt-2用于带引号的可打印解码。 ctrl-alt-3,用于base64解码。 安装 :mouse_face:...
  • Pinegrow Web 编辑器的电子邮件创建器插件 是一款桌面应用程序,可让您通过实时多页编辑、CSS 样式和 Bootstrap、Foundation、AngularJS 和 WordPress 的智能组件更快地构建响应式网站。 这个插件是独立的。 用法 ...
  • 在您喜欢的编辑器中打开template.html文件 更改名称,网址等 删除其他信息 在您喜欢的浏览器中打开 使用“ Cmd / Ctrl + A”选择全部,然后使用“ Cmd / Ctrl + C”复制富文本 打开电子邮件客户端的签名部分,然后...
  • 当人们忙于使用Dreamweaver和MS Publisher等HTML编辑器创建新邮件时, 至关重要的是要知道一个人是为电子邮件而不是为网站而设计的。当试图将电子邮件设计为网页时, 它可能无法正确显示所有内容, 并无法正确显示与...

    本文概述

    在你的PC上看起来完全正常的任何HTML电子邮件通信在收件人的一端可能看起来完全不同。完全是因为图形, 字体, CSS文件全部驻留在系统本地。当人们忙于使用Dreamweaver和MS Publisher等HTML编辑器创建新邮件时, 至关重要的是要知道一个人是为电子邮件而不是为网站而设计的。当试图将电子邮件设计为网页时, 它可能无法正确显示所有内容, 并无法正确显示与预期收件人使用的其他Webmail客户端相关的顺序。在本文中, 我们运行了7种常见的HTML电子邮件模板, 从一开始就需要避免这些模板。让我们开始!

    引用外部CSS文件

    大多数电子邮件客户端不引用外部文件, 因为它直接干扰了他们的CSS代码。因此, 使用内联CSS并确保测试多个电子邮件客户端以找出不一致和错误始终是明智的选择。同样, 将CSS样式正确放置在电子邮件标题中, 然后在正文中调用样式也永远不会起作用。

    确保电子邮件设计不太宽

    主要思想是为大多数电子邮件客户无缝地适合查看区域的电子邮件设计打分。 650像素宽是适用于大多数常用电子邮件客户端窗口的宽度。如有疑问, 一种好方法是使用几个电子邮件客户端(例如Gmail, Yahoo, Hotmail)创建几个免费帐户, 然后测试发送电子邮件以查看其工作方式(图像, 颜色, 链接以及几乎所有其他内容) )。

    从HTML删除所有垃圾代码

    你是否一直在使用MS Publisher或Frontpage设计电子邮件?好吧, 你的模板很可能包含各种垃圾代码, 可能会破坏布局, 从而引发更多问题。更糟糕的是, 当这种垃圾代码使你的电子邮件被过滤并发送到”垃圾邮件”文件夹中时。因此, 在上载所有不需要的和不必要的属性, 空标记以及注释和任何其他垃圾内容之前, 清除它们越来越重要。

    对于HTML电子邮件, 很多东西都行不通

    你可能很清楚如何构建电子邮件列表, 但你将不知道很多东西对HTML电子邮件不起作用。其中包括JavaScript, Flash, ActiveX以及嵌入式视频和音频文件。当然, 这些东西使电子邮件看起来比标准电子邮件更好, 但是收件人的防病毒软件可能会阻止这些东西。因此, 最好保存要在目标网页中使用的视频和音频文件, 并从电子邮件中发送指向该文件的链接。

    阻止Java脚本不过是大多数电子邮件应用程序采用的标准安全措施。因此, 跨JavaScript的所有JavaScript(例如图像的预加载器, 弹出窗口, 提交按钮, 小部件)最有可能被废弃。如果你打算从另一个已经存在的网页复制HTML代码, 请始终先清理JavaScript。上线之前, 请务必先测试广告系列, 以确保其正确显示所有内容。

    始终避免使用表单代码

    如果可能的话, 请避免使用表单代码, 因为大多数电子邮件客户端(如果不是全部)很可能会废弃表单代码。另外, 请避免使用iframe, 因为iframe已被废弃, 并且对于现代电子邮件客户端来说已经过时了。

    避免使用一张大图

    电子邮件程序默认情况下会屏蔽图像。因此, 如果你使用一个巨大的图形, 则很明显, 你的预期接收者会在第一瞬间看到黑屏。当人们拍摄仅包含图像的电子邮件时, 传递问题非常普遍。一般准则是, 任何广告系列均应保持80:20(文字:图片)的比例。但是, 垃圾邮件过滤器利用不同的条件来实现邮件的图像和文本的健康平衡并不少见。如果你的广告系列需要使用一张图形来制作, 请选择在页脚中添加文本, 例如”链接到退订”或组织的实际地址以平衡”文本:图像”比率。

    62206.html

    垃圾内容没有好处

    我们都收到垃圾邮件。典型的垃圾邮件是主题行为大写且以蓝色或红色突出显示的邮件, 并且在整个过程中偶尔使用感叹号。哦!并且不要忘记随机使用动作短语, 例如”最热门”, “热门”, “最佳”, “立即点击”等等。现在, 这就是你需要避免的事情。你会发现, 无论你要设计哪种类型的电子邮件活动, 内容都将发挥重要作用, 以上内容应使你清楚地了解垃圾内容的外观。技巧是使主题行与相关内容尽可能简短。另外, 尝试避免使用直截了当的花哨短语。

    总结

    好吧, 就是这样。现在, 你已经知道在设计电子邮件时应避免的常见错误, 是时候将这些想法付诸实践, 并为你的广告系列争取最好的成绩了。如果你已遵循我们的提示, 并且能够更好地开展业务的HTML电子邮件模板, 请回信给我们。我们总是喜欢听到读者的回音。到那时, Ciao!

    展开全文
  • 静脉 关于 受过去专业项目的启发,Vena是html电子... 根据您的喜好修改代码后,您可以选择所有代码并将其复制粘贴到您正在使用的电子邮件平台HTML电子邮件编辑器中(例如:mailchimp,marketingcloud)。 保存更改,并
  • EditPlus 文本编辑器v3.20 (615)安装和使用说明:绿色软件不用安装,解压后即可使用;初次使用之前,先将里面的“!)注册.reg”导入到注册表,即是简体中文注册版;以后直接打开“EditPlus.exe”就可以使用了;文件...
  • 邮件营销,整理好要发送的邮件列表,接下来就是...一、利用营销平台提供的所见即所得式编辑器每个平台都会提供一个现成的所见即所得式编辑器供用户使用,可以进行简单的文字复制、插入图片、排版分行等等。优点:...
  • 如果您想使用自己CSS报表布局,则可以使用带有一些入门模板的交互式CSS编辑器。 内容 ansible-job-report/ ├── job_report.yaml ├── README.md ├── reports └── templates ├── job_report_host.j2 ...
  • eWebEditor在线HTML编辑助手是基于eWebEditor在线HTML编辑器的扩展工具。当您的电脑安装了eWebEditor在线HTML编辑助手软件后,您不需要修改任何网页程序代码,您便可以在任何网站任何网页的输入框中使用eWebEditor...
  • 使用文本编辑器打开.html文件,然后使用ctrl - f ( Command - f用于 :red_apple: )搜索您想更改的内容 进行更改并保存 刷新浏览器,然后将自定义模板复制并粘贴到您的电子邮件中,然后发送 :party_popper: ...
  • 模板(超过20种准备使用的电子邮件模板)。 所见即所得的电子邮件HTML / Markdown编辑器。 适合幼稚的初学者。 发送测试邮件 使用伪造数据测试邮件 还有更多...(承诺)。 要求 Laravel 8。 对于Laravel 5.6到7...
  •  1、完善的Html邮件编辑器,支持源代码编辑和预览  2、可扩充的邮件模板支持  3、更加完善、更加人性化的“远程管理机制”,通过“收件箱”直接浏览和操作远程邮件列表。  4、真正的多用户多帐户设计。每...
  • HTML学习笔记

    2017-05-07 11:38:51
    “”可建立邮件模板, 比如ABL会议模板,周报模板等等。 2. Markdown编辑器中使用HTML语法学习了HTML之后, 再看CSDN博客Markdown编辑器的工具栏, 发现markdown语法部分借用了HTML语法。在markdown编辑器中是可以...
  • 为音乐家/艺术家建立免费的网站模板,以宣传他们的音乐并与观众建立联系。 产品特点 可自定义的英雄图像和响应式图片模态 优化了基于Javascript的音乐播放器和YouTube缩略图生成的页面加载能力 带有验证和后端集成...
  • 单击菜单→脚本编辑器: 从复制并粘贴代码,然后按Ctrl + S 创建模板文件: File → New → HTML file ,输入新文件名: Template 从复制并粘贴代码,然后按Ctrl + S 转到左侧栏中的Code.gs标签并运行一次...
  • 2、修复后台内容编辑器上传图片在二级目录下不显示以及前台简介模块上传图片预览不显示。 3、修复数据库文件太大,无法进行备份与恢复。 4、修复后台产品管理中,复制所选产品或文章到其它语言时无法将简体语言自动...
  • AppCan IDE模拟器与调试 63 AppCan IDE 本地打包界面 64 AppCan UI框架控件 65 AppCan Player示意图 66 AppCan模拟器 67 Mac Mini服务器 68 AppCan SDK套装管理后台-项目列表 69 AppCan SDK套装管理后台-...
  • 3,后台使用fckeditor国际流行编辑器,Word式自由排版 4,兼容IE、火狐各大常用浏览器,打开网页不变形 5,集成搜索引擎蜘蛛来访记录系统2.0,更好了解搜索引擎蜘蛛来访情况 6,网站导航实现自主管理,可自由添加、...
  •  加入编辑器图片远程调用或上传本地功能  加入热门关键词搜索的管理  修复管理员管理中的一项常规BUG  修复用户中心-收藏链接的错误BUG  修复订购数量后总价不变的BUG  修复删除商品时返回页码错误  ...
  • 如果您不使用GIMP插件,则还需要使用文本编辑器(例如记事本)来编辑配置文件。 随附示例图像和示例配置文件以演示其工作方式。 使用方法: 下载(单击“下载ZIP”按钮,然后解压缩zip文件) 用您自己的图像...
  • 修改后台编辑器样式,更易懂 16.整合论坛 18.增加会员级别显示………. 19.免费发布商机增加验证码!增加企业 20.增加企业搜索产品排名! 21.增加搜索广告管理! 22.免费发布无分类错误! 23....
  • 语言:English 通过电子邮件模板库来为Gmail...安装此附加扩展将提供以下内容:-将模板保存以备将来在模板库中使用-从Google联系人创建电子邮件邮件列表-从Gmail发送批量电子邮件-使用高级电子邮件编辑器创建Gmail新闻稿

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 394
精华内容 157
关键字:

html邮件模板编辑器