空格:Outlook的前行替代方案

时间:2019-06-24 14:04:49

标签: html css outlook html-email

我必须将一些电子邮件文本内容包装在<pre>标记中,以便格式可以保持换行符,但可以折叠不必要的空格。

我所需要的完全是以下内容:

<pre style="white-space: pre-line">Text here</pre>

这在浏览器BUT上完美运行,Outlook不支持预行。这意味着,我必须使用“预包装”,该包装应遵守换行符,但要保留一些客户不想要的非常大的不需要的空间。

我无法编辑文本内容(例如添加</br>),因为它是由外部系统生成的,不允许进行任何编辑...

我还尝试了以下方法:

white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: break-spaces;

我还尝试使用div,而不是<pre>标签,以及带有空格的<xmp>标签:pre-wrap和pre-line,<wbr>标签相同的设置,但没有给我预期的结果。

这是我插入到外部系统中的代码:

<pre style="white-space: pre-line"><&MEETING_INFO></pre>

代码通过外部系统运行,该外部系统生成我无法访问的完整文本。这是完整代码的示例,包括由外部系统生成并发送到Outlook的文本:

<pre style="white-space: pre-line">
    Beginn:      27.05.2019 10:00 US/Eastern
    Ende:        27.05.2019 11:00 US/Eastern
    Kursleiter: Mustermann, Max
    Einrichtung:   Building A
    Veranstaltungsraum:   BC 33 - Raum 3.07 - Berlin
</pre>

Outlook中显示的实际结果:

<pre style="white-space: pre-line">
    Beginn: 27.05.2019 10:00 US/Eastern Ende: 27.05.2019 11:00 US/Eastern
    Kursleiter: Mustermann, Max Einrichtung: Building A Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
</pre>

应该如何:

<pre style="white-space: pre-line">
    Beginn: 27.05.2019 10:00 US/Eastern
    Ende: 27.05.2019 11:00 US/Eastern
    Kursleiter: Mustermann, Max
    Einrichtung: Building A
    Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
</pre>

我尽了一切,我很绝望。有其他选择吗?非常感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

Outlook不喜欢大多数代码,因此可以尝试模拟pre的代码。以下是如何操作的示例

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td style="font-family: monospace;font-size:13px;color:#000001;">
	Beginn: 27.05.2019 10:00 US/Eastern<br>
    Ende: 27.05.2019 11:00 US/Eastern<br>
    Kursleiter: Mustermann, Max<br>
    Einrichtung: Building A<br>
    Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
		</td>
    </tr>
  </tbody>
</table>

大多数人都可以使用HTML。

答案 1 :(得分:0)

outlook 删除不必要的空格......而不是使用任何 CSS 属性,您可以在您的 Velocity 邮件模板中用 <br> 标签替换换行符..

在你的情况下是:

$MEETING_INFO.replaceAll( "\r?\n","<br/>")