Category: Using Word to HTML

Resizing editors

The interface can be changed to suit your needs. By clicking the arrows between the two editors you can choose to make one larger or smaller:

 

You can change both Visual and Code editor height by dragging up or down the bottom bar in the Visual Editor:

 

In order to set the default editor height you can set it in the Preferences:

When using TinyMCE editor you can change both Visual and Code editor height by dragging the corner of TinyMCE editor:

Full-screen mode

In the Visual editor and the code editor, you can choose to go full screen.

Quick start guide

Word to HTML is super simple to use. All you have to do is paste your text into the Visual Editor box on the left side or you can create your content directly in the editor.

We will automatically convert your text to HTML code as you type, you don’t need to do anything. Your code will appear on the HTML Code Editor on the right.

When you have finished you can just copy the code from the code editor to the clipboard or you can save it online on WordToHTM and edit it later or download it.

Watch our quick less than 2 minutes feature overview video:

Cleaning up your HTML code

With our powerful cleanup options and find and replace processing, you can improve your code with a few simple clicks. You can even use more advanced features like Manage Tags & Attributes or even add your own custom Javascript code in order to change HTML in any way.  Just turn on the options you want to remove then click the green ‘Clean HTML’ button. You need to click the green button every time you change any option in the cleanup section.

Saving HTML online

You can save your documents so you can work on them later. Just click the blue Save button. WordToHTML has an Autosave feature (enabled by default, but you can disable it in the Preferences) which means we save your work for you automatically every 5 minutes. If you turn this off you need to remember to hit the Save button to save your work.

Exporting files

You can export your files in HTML, Word DOCX, PDF, or EPUB format. All you have to do is click the drop-down icon next to the Save button, then select the export format you want:

Use google fonts or other web fonts

Google fonts are a great way to make your web pages more visually appealing. Hundreds of great-looking fonts are available, and best of all they are free.

One way to use custom fonts is to add custom CSS to your HTML page as shown in the screenshot below. Also, you can view this sample code here: custom Font Example HTML

Please note that the best place to add your custom fonts CSS is either <head> tag or add this CSS in your web page style file. The example below has CSS that adds google web Lato font as ‘CustomFont’ in <head> tag, but it may even work if you CSS <style> tag in your HTML page body.

Another way is to define your fonts in Settings:

  1. Go to the Google Fonts website to get your font links.
  2. Select the font you want to use, optionally customize it and copy it’s link as shown on the screenshot below.

  1. Enter the font name (or names) into the custom fonts section on the Settings page
  2. Paste the font link (or links) into the font URL box

If you want to use more fonts just enter the font links and names separated by the # char.

Once your fonts are defined you can then select them in the visual editor: