You are here: Program Basics > Common Procedures > HTML Editor

HTML Editor

The program provides a powerful HTML editor to allow you to format and lay out content. With the HTML editor, you can update content easily and safely while you maintain control over the design and content.

Before you create content in the HTML editor, you should design custom stylesheets to create unique elements such as colors, spacing, and font types and sizes for your website.

You can use the HTML editor in different views, depending on your HTML experience and where you access the HTML editor in the program.

Warning: When you create and design emails in the program, use inline styles, such as <div style=”background-color:Blue;”>Welcome color</div>. Do not define classes or use external references because email vendors, such as Gmail or Outlook, are not guaranteed to render the styles correctly when the recipient reads the email.

Normal – When you open the HTML editor to create or edit content, this is the “normal” view. This view is similar to a standard word processing application. By default in normal view, when you press Enter, you create a <p> tag in the HTML content to indicate a new paragraph. When you press Shift + Enter, you create a <br> tag to indicate a single carriage return in the content.

Tip: Your system administrator can adjust this configuration in Administration.

HTML – To view or edit the HTML source code, click HTML Code on the View tab in the toolbar. The HTML Source Editor screen appears. To return to the normal view, close the window. You cannot use the HTML view to embed your own form via HTML in the HTML editor. We recommend you put the form on a page that is not stored in the program but can be referenced in an iFrame. For more information about how to include customized forms in the program, contact Blackbaud’s Professional Services at solutions@blackbaud.com.
Preview – To view the content as it will appear on the web page and to test hyperlinks, click Preview on the View tab in the toolbar. The Preview screen appears. To return to the normal view, close the window.

Merge Fields

Stylesheet Options

HTML Editor Table and Line Properties