Blog

The place for Postbox news and product updates.

July 9th, 2015

The Nerdiest Feature in Postbox 4

Posted in: Tips, Product

One of the coolest, and perhaps nerdiest, features in Postbox 4 is Code View.

Code View is a full HTML editor built right into Postbox, powered by CodeMirror. Direct access to HTML gives you precise control over your email content, which is particularly important when using Signatures or Responses to insert pre-formatted resumes, product info, image portfolios, etc.

code-mode@2x.png?mtime=20150709090925#asset:1118:blogFull

Code View displays inline within the Compose window, so you can seamlessly toggle between WYSIWYG and HTML modes. Our Code View implementation includes syntax highlighting, auto-complete, and 30 different code themes to choose from, so you can get your geek on in style.

How to Use Code View

If the Formatting Toolbar is visible within the Compose window, simply click the code button </>, or select Code View from the View menu. Repeat these steps to toggle between HTML and WYSIWYG modes.

To browse the code themes or temporarily select a theme, select Theme from the View menu while in Code View. To set a theme preference, go to Options|Preferences / Composition / Advanced Tab and select your desired theme.

Sample Signature Code

Here is some sample HTML code that you can paste directly into the Signature Editor (also powered by Code View) and customize to your liking: 

<div style="line-height:16px; margin:6px 0; padding:8px 8px 8px 8px; 
border-top:1px #aeb1a6 dotted; border-bottom:1px #aeb1a6 dotted; 
font-family: 'Lucida Sans', Lucida Grande, Verdana, Arial, Sans-Serif; 
font-size:11px; color:#555555;">
<img src=
"https://s3.amazonaws.com/postbox-images/logo/pb-logo-50.png"
 style="float:left; padding:0px 12px 25px 0;">
<strong style="color:#333333; font-size:10px;">STO AKRON</strong><br>
phone: <a href="callto:415-526-2339" style="color:rgb(0, 136, 204) 
!important; text-decoration:none!important;border-bottom:1px dotted 
#AAA;">415-526-2339</a><br>
web: <a href="https://www.postbox-inc.com" style="color:rgb(0, 136,
 204) !important; text-decoration:none!important;border-bottom:1px 
dotted #AAA;">www.postbox-inc.com</a><br>
</div>

This code will give you the following fancy signature!

pb-logo-50.png?mtime=20150427171228STO AKRON
phone: 415-526-2339
web: www.postbox-inc.com