Editing your HTML

Overview

You can view and edit the HTML for a block by selecting the block and then clicking on the HTML button in the toolbar.

html1.png

Alternatively, you can edit the entire document's source by clicking on the Utilities menu and selecting Edit source. See Edit source for more information.

html123_el.png

Edit HTML for a block

Clicking on the HTML button will produce an editing side panel.

html12.png

Remember that not all email clients will interpret HTML in the same way, so be careful when editing that you're using appropriate markup.

Once you're done editing, click Apply to confirm your changes, or Cancel to exit without confirming.

Edit source

When editing the source for the entire HTML document, you can update any part of the campaign, including the <!DOCTYPE>, <head> and <body>.

But be careful with what you edit because you could break some aspects of EasyEditor itself if you edit or remove the wrong thing!

html1234_el.png

Whilst editing the source, you can use the toolbar to do the following:

  • Return to the design view
    Click on Edit design to exit the HTML source view and return to EasyEditor's normal view.
  • Insert a link
    Upon clicking Insert, the link will be inserted at the current cursor position.
  • Insert a data field 
    Click on a contact data field to insert it into your HTML code.
  • Insert an image
    When inserted, you may need to add width and/or height attributes as these work better in some older email clients and stop the image from breaking the layout of your campaign.

Find and replace text

The standard browser text 'find' operations don't work particularly well in the code editor for various reasons. However, there is a powerful text search feature built in that should allow you to do most things relatively easily:

  • Ctrl-F
    Start searching
  • Ctrl-G
    Find next
  • Shift-Ctrl-G
    Find previous
  • Shift-Ctrl-F
    Replace
  • Shift-Ctrl-R
    Replace all

Use Cmd instead of Ctrl if you are using a Mac.

Advanced usage

If you'd rather use the HTML source editor than EasyEditor itself, simply add <!-- eehtmlonly --> to the top of the <body> part of your email, and then save. Next time you reload the campaign, it will automatically load in the HTML editor.

Simply remove this code if you want to return to using EasyEditor again.

For help with editing EasyEditor HTML, see our EasyEditor template markup section.

Did you find this article helpful?

Can we help?

Thanks for using Engagement Cloud. If you need more help or support, then contact our support team.