我老板的客户提示说,当转发一些 HTML 时事通讯时,他们基于表格的布局会中断。我确定这很可能是由于在 Outlook 中使用以下选项引起的:
工具 > 选项 > 邮件格式 > 使用 Microsoft Office Word 2003 编辑电子邮件信息
我的老板拒绝更改此选项,并要求我想出一个变通办法。但我很困惑。使用此选项转发时中断的电子邮件位于 http://www.egusts.com/stratham/stanford-square/10-0826/new/。
这是 Word 2003 HTML 编辑器完成它时发生的情况。没有编辑,只需点击“前进”并选择该选项 - http://www.egusts.com/stratham/stanford-square/10-0826/new/alt/
这是我的老板转发给我的一个例子,它很好地通过了 - http://www.egusts.com/stratham/stanford-square/10-0826/new/example.html
但我仍然很困惑。我不知道该怎么办。我原以为我的原始模板的 table-html 非常简单明了。 Word 2003 编辑器中有什么问题?为什么?它是否剥离了一些标签?添加一些搞砸了的标签?有什么我可以做的吗?
我已经无计可施了!感谢您的帮助
最佳答案
不幸的是,转发一封电子邮件会导致一个客户端重新呈现已经呈现的 HTML,这几乎总是会搞砸。但是,在编写电子邮件代码时使用更好的做法将有助于减少这些问题。我处理了很多电子邮件,以下是我学到的一些东西:
切勿使用 rowspans 或 colspans。这些往往会在电子邮件客户端和转发时迅速崩溃。而是使用嵌套表。
如果您有项目符号列表,请使用无序列表 (ul),或者如果您必须使用 2 列表格,每个列表项一行,并将 • 放在每个项目的第一列。
远离 p 标签,它们在电子邮件客户端之间的间距不一致。使用 2 个 br 标签可以为您提供大致相同的空间量。
使用 padding 代替 margin 来控制元素的间距。同样,不是很一致,事实上,我不确定它是否有效。
super 脚本元素通常会将它们所在的行向下推(或将上面的行向上推)。使用 line-height:0 的内联样式;解决这个问题。但是请注意,转发时仍会发生这种情况。如果您使用脚注并且只需要在几个数字上标上标,请使用 HTML 实体 ¹ , ² , ³.
Windows 版 Outlook 2007-2013 不支持背景图像。它们似乎适用于 Outlook Mac 和许多其他客户端,但如果您需要支持 Outlook for Windows,请不要理会它们。
找到一个可靠的模板来使用,并始终以此为起点。这应该包括旨在解决 Web、桌面和电子邮件客户端问题的头部样式。以下是我常用的一些:
正文{ 宽度:100%!重要; -webkit-文本大小调整:100%; -ms-文本大小调整:100%; margin :0; 填充:0; } 一条链接 { 颜色:#1d3666; 文本装饰:下划线; } 一个:访问{ 颜色:#1d3666; 文本装饰:下划线; } 一个:悬停{ 颜色:#a43232; 文字装饰:无; } table { 边界折叠:折叠; mso-表-lspace:0pt; mso-表-rspace:0pt; } 表 td { 边界崩溃:崩溃; } 图片 { 大纲:无; 文字装饰:无; -ms-插值模式:双三次; } 图片 { 边框:无; 显示: block ;
虽然 Gmail、Yahoo、Outlook.com 和 AOL 等网络客户端可能会从您的电子邮件中去除头部和任何内部样式,但对于大多数移动邮件客户端用户以及 Outlook 和 Thunderbird 等桌面电子邮件客户端来说,这些都是可行的,这是这些样式旨在解决的问题。对于其他一切,请使用内联样式。
此外,看起来您是使用 Fireworks 创建的。这可能适用于网页,但电子邮件有很多 FW 可能没有考虑到的陷阱和限制。我建议使用 Dreamweaver 或其他一些有用的文本编辑器,并使用带有内联样式的 HTML 来完成。
关于转发时 HTML 电子邮件布局中断 - 使其在 Word 2003 HTML 编辑器中幸存下来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3663908/
我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
在我的Controller中,我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时,它会自然地以HTML呈现。但是,当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法),我仍然将HTML作为响应。如何获取JSON作为响应?我还需要说明什么? 最佳答案 您应该将.json附加到请求的url,提供的格式在routes.rb的路径中定义。这
所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择
我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时,我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有,我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.
是否可以为特定(或所有)项目使用多个布局?例如,我有几个项目,我想对其应用两种不同的布局。一个是绿色的,一个是蓝色的(但是)。我想将它们编译到我的输出目录中的两个不同文件夹中(例如v1和v2)。我一直在玩弄规则和编译block,但我不知道这是怎么回事。因为,每个项目在编译过程中只编译一次,我不能告诉nanoc第一次用layout1编译,第二次用layout2编译。我试过这样的东西,但它导致输出文件损坏。compile'*'doifitem.binary?#don’tfilterbinaryitemselsefilter:erblayout'layout1'layout'layout2'
我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'
我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示,但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题,而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda
在添加一些空格以使代码更具可读性时(与上面的代码对齐),我遇到了这个:classCdefx42endendm=C.new现在这将给出“错误数量的参数”:m.x*m.x这将给出“语法错误,意外的tSTAR,期待$end”:2/m.x*m.x这里的解析器到底发生了什么?我使用Ruby1.9.2和2.1.5进行了测试。 最佳答案 *用于运算符(42*42)和参数解包(myfun*[42,42])。当你这样做时:m.x*m.x2/m.x*m.xRuby将此解释为参数解包,而不是*运算符(即乘法)。如果您不熟悉它,参数解包(有时也称为“spl
require'mechanize'agent=Mechanize.newlogin=agent.get('http://www.schoolnet.ch/DE/HomeDE.htm')agent.clicklogin.link_withtext:/Login/然后我得到Mechanize::UnsupportedSchemeError。 最佳答案 Mechanize不支持javascript但您可以将搜索字段添加到表单并为其分配搜索词并使用mechanize提交表单form=page.forms.firstform.add_fie
我想用Nokogiri解析HTML页面。页面的一部分有一个表,它没有使用任何特定的ID。是否可以提取如下内容:Today,3,455,34Today,1,1300,3664Today,10,100000,3444,Yesterday,3454,5656,3Yesterday,3545,1000,10Yesterday,3411,36223,15来自这个HTML:TodayYesterdayQntySizeLengthLengthSizeQnty345534345456563113003664354510001010100000344434113622315