我必须将一些电子邮件文本内容包装在<pre>标签中,以便格式保留换行符但折叠不必要的空格。
我需要的是以下内容:
<pre style="white-space: pre-line">Text here</pre>
Run Code Online (Sandbox Code Playgroud)
这在浏览器上可以完美运行,但是 Outlook 不支持 pre-line。这意味着,我必须使用“预包装”,它尊重换行符,但保留一些客户不想要的非常大的不需要的空间。
我无法编辑文本的内容(例如添加</br>),因为它是由外部系统生成的,不允许进行任何编辑...
我还尝试了以下方法:
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: break-spaces;
Run Code Online (Sandbox Code Playgroud)
我还尝试使用 div,而不是<pre>标签,以及<xmp>带有空格的标签:预包装和预行,<wbr>标签具有相同的设置,但没有给我预期的结果。
这是我插入到外部系统中的代码:
<pre style="white-space: pre-line"><&MEETING_INFO></pre>
Run Code Online (Sandbox Code Playgroud)
该代码通过一个外部系统运行,该系统生成我无法访问的完整文本。这是完整代码的示例,包括由外部系统生成并发送到 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>
Run Code Online (Sandbox Code Playgroud)
Outlook 中显示的实际结果:
<pre style="white-space: pre-line">
Beginn: 27.05.2019 10:00 US/Eastern Ende: 27.05.2019 11:00 US/Eastern …Run Code Online (Sandbox Code Playgroud)