HTML editor

Note The features described in this topic are available for Trumba Connect account holders only. (To see your account type, click your account name in the upper-right corner, click Account Settings, and then look for Subscription type.) To learn more about Trumba Connect accounts, contact Sales.

What you can learn in this topic

What the HTML editor is and where you see it
How to use the HTML editor buttons
What if you want to use your own HTML code

What the HTML editor is and where you see it

The HTML editor makes it easy for you, without knowing any HTML code, to add formatted text and inline images to events, calendar and event email messages, submission form instructions, custom fields, and custom object records. Using the editor's buttons, you can format text, create numbered and bulleted lists, add images, associate hyperlinks with text and images, add links to files, insert special characters, and more.

The HTML editor is (or can be, if it's enabled) available in all multi-line text fields where you and event editors add custom content.

If you're familiar with HTML tags and attributes, you can use the HTML editor's Source view to add your own code. As the following table indicates, some fields support only a limited set of HTML tags. Other fields support all tags.

Forms and fields where you see the HTML editor

Forms/Fields	Show/Hide?	Source code support
Add/edit event form > Built-in Description field	No	Limited
Edit Custom Field form > Multi-line text custom fields > Default value field (Publishers only). Learn more.	No	Limited
Custom Field Overrides form > Multi-line text default value fields (Publishers only). Learn more.	No	Limited
Add/edit event form > Custom Multi-line text field	Yes. On set-up, Publisher shows/hides HTML editor for event creators/editors. Learn more.	Limited
Calendar Email Options and Set-up forms > Message field. Learn more.	No	Limited
Add/edit event form > Event Email tab > Announcement and Reminder fields. Learn more.	No	Full
Publishing Control Panel > Email tab > Calendar and Event Email spuds > Custom email headers and footers. Learn more.	No	Full
Custom Object Add New Value form > Multi-line text fields.	No	Limited
Add/edit event form > Registration tab > Select registrants > Click Send Email. Learn more.	No	Full
Publishing Control Panel > Event Submission tab > Edit Submission Form Settings > Submitter Info, Event Info, Privacy, Success message fields. Learn more. Tip To make adding content easier for event submitters, a limited version of the HTML editor appears in multi-line text fields in the published submission form. You can hide the editor if you prefer. Learn more.	No	Full

How to use the HTML editor buttons

Using the toolbar buttons, you can quickly and easily:

Make text bold or italic.
Add numbered and bulleted lists.
Associate hyperlinks with text and images.
Insert inline images.
Insert special characters.
Add horizontal rules.
Undo and redo the last several changes you made.

In addition, note these general tips for working in the editor:

If you place your cursor over or select text or an image in the editor view, you can right-click to see a context menu. The menu differs depending upon where your cursor is placed and/or what is selected. For example, if you select and right-click text, you can cut, copy, or paste. If you place your cursor in hyperlinked text and right-click, you can unlink the text or edit the link. If you right-click an image, you can edit the image as well as cut, copy, or paste.
If the browser you're using has a spell-checker built in, you'll see spelling errors marked with a red underline. To easily replace the misspelled word with a correct alternative, select the misspelled text, and then press Ctrl+right-click (Control+right-click on a Macintosh). From the context menu, select the correctly spelled word.
After you use the HTML editor to add content to a field, be sure to preview the field the way it will appear to calendar visitors.

HTML editor buttons

Buttons	Click to:	Tips
	Make selected text bold.	Be sure to select the text you want to make bold before you click the button.
	Italicize selected text.	Be sure to select the text you want to italicize before you click the button.
	Insert a numbered or bulleted list.	When you finish adding list items, press Enter or Return twice to end list mode.
	Link to a webpage or file from selected text or a selected image. When you select linked text or an image, the Remove button becomes active. Click to remove the link.	Be sure to select the text or image you want to add the hyperlink to before you click the link button. I don't know how to add an image. Clicking the button opens the Link window. < In the window, for Link Type, select the link type, and the protocol, and then type or paste in the target webpage URL. Target determines where the webpage associated with the link opens. By default, the webpage opens in a new tab or window (depending upon the visitor's browser settings). If that's the behavior you want (in most cases, it will be), click OK. If you want different behavior and/or your calendar is embedded in a frame or iframe, you might want to change the default Target setting. Show me descriptions of the target attribute options.
	Insert an image. When you click the button, the Insert New Image window opens.	In the Image Properties window: To insert an image you already uploaded or that you want to upload, search for the uploaded image or click New. Learn more. To provide a link to a third-party registration service, you can create and insert an image (such as a sign up button), and then link the image to the correct registration page using the URL field. To link to an image that is hosted on another website, for URL, provide a URL for the image location. Use the full address, including the http:// or https:// prefix. For Alternative Text, type a brief definition of the image (for users who can't see the image). For Width and Height, you see the actual (original) dimensions of the image you have selected. To display a smaller or larger version of the image, replace the existing dimensions with new ones, making sure to maintain the same width-to-height ratio (to avoid skewing the resulting image). By default, inline images aligns left. You can align inline images to the right by adding the align="right" attribute to the source HTML. (Note: align="center" is not supported.) You can also apply border, height, and width attributes. For for information, see Use HTML Tags to Format the Description. You can place text above and below the inline images by using carriage returns (or the "<br />" tag in the source HTML). Wrapping text around inline images is not supported. Tip Images you add to multi-line text fields are inline images. Remember that not all calendar views support inline images. For calendar views that do support these images, you may have to turn the Inline Images setting on. By default, inline images show up in event detail views. If you prefer, you can use the Inline Images setting to hide them. Learn more about selecting and customizing calendar and event detail views.
	Insert a horizontal rule.	By default, the rule is black, 1 pixel thick, and expands and contracts along with the size of the browser window. In Source view, you can use HTML attributes to modify the color, thickness, and width of the rule.
	Insert a special character, such as an em dash or trademark symbol. When you click the button, the Select Special Character window opens.	In the window, hover over a character to see a preview in two sizes on the right. Click a character to insert it.
	Switch back and forth between editor view and Source view.	Source view shows you the HTML code behind the content you're editing. If you know some HTML, you can add your own tags and attributes to do additional formatting. For example, you can add color to text or a horizontal rule. Or, you can right align an image. Click the Source button again to return to editor view to preview your changes before you save. Note that, in multi-line text fields, you can use only a limited set of HTML tags and attributes. Show me a list of the supported tags and attributes.
	Maximize the editing field to full screen.	When you click the button, the field you're editing expands to fill the entire browser window. This is convenient when you have quite a bit of content to add or you're working in Source view. Warning To exit full screen view, click the button again to minimize the field. DO NOT click the back button in your browser. If you click the back button, you lose all of the updates you made in full screen view.

What if you want to use your own HTML code

If you're familiar with HTML tags and attributes, you can create all or part of the content for multi-line text fields by working in the HTML editor's Source view. Source view supports a subset of HTML code.

To switch to Source view, in the HTML editor, click the Source button. See the Source button description.

Tip In many multi-line text fields (as described here), you can use only a limited set of HTML tags and attributes. Show me a list of the supported tags and attributes.