MSO Support

Parcel has first-class support for Microsoft Office code.

Syntax Highlighting

MSO comments only run in Outlook email clients. Conditional comments have proper syntax highlighting in the editor, visually distinguishing them from regular comments.

For example, the following comment:

<!--[if true]>
<table role="presentation" width="100%" align="center" style="background:#EEE">
<tr>
<td></td>
<td style="width:600px;background:#ffffff;padding:24px;">
<![endif]-->

becomes

Screenshot showing the same block of code with proper syntax highlighting in the editor
Screenshot showing the same block of code with proper syntax highlighting in the editor

Disabling syntax highlighting

Users can disable this syntax highlighting which will instead highlight the code in grayscale.

Screen recording demonstrating the MSO syntax highlighting option

Auto Complete

Parcel suggests MSO CSS properties as you type. In the editor, start typing mso- and you'll get access to all available MSO CSS properties. Keep typing until you find the one you want, and then press Enter to auto complete it. You can also navigate the popup suggestions menu with the cursor or arrow keys.

Screen recording showing the MSO suggestions and auto complete