HTML Editor: Tips and Troubleshooting

Prevent Unevenly Sized Font 

When you copy content from the word processor, you copy the embedded code. When you paste your content, the HTML editor tries to integrate the embedded code into its own style template. The result may be inconsistent or unintentional formatting.

Note

For a deeper dive into styles, formats, and copying, check out this blog post (opens in new tab).

Step 1

Create your content directly in the HTML editor, using the toolbar to format your text.

Step 2

When given the option, remove formatting when pasting your text.

Step 3

Paste your text using one of the following options: 

Step 3a

Use the following shortcut keys (on your keyboard) to paste your text:

  • PC: CTRL+SHIFT+V
  • MAC: COMMAND+SHIFT+V

Step 3b

Or, first, paste your content into a text editor (which removes formatting), and then copy it from the text editor before pasting it into the HTML editor:

  • On a PC, use Notepad
  • On a MAC, use TextEdit

Correct Unevenly Sized Font

Step 1

Highlight the problematic text.

Step 2

Select the Format menu icon to open the dropdown menu.

Format menu icon

Step 3

Select the appropriate format from the menu. This will automatically format the highlighted text.

Note

If you are still finding issues with the formatting, you can also copy the text into Notepad in Windows or TextEdit on a Mac, then copy it back from the text editing program with its formatting removed into the HTML Editor field. 

Adjust the HTML Window Size

The size of the HTML editor adjusts to the size of your Internet browser. If you do not have enough workspace, you can always make the HTML window larger. 

You have two options:

Option 1

Select the Toggle Fullscreen button (select it a second time to exit Fullscreen mode and save your work).

Toggle Fullscreen button


Option 2

Use your mouse to grab the lower right corner and drag the window open.

Locate Missing Toolbar Icons

Sometimes, not all of the buttons in the toolbar will be visible to you. That happens when the toolbar is wider than your screen. To access the rest of the toolbar, select the Show All Components icon.

Show All Components icon


Back to Top