"HTML on Word" outputs the following HTML source code to HTML when a Word document contains a table of contents created with the Word table of contents function. By using this code, you can add a button that can be used to control the table of contents when displayed on a mobile device.

When the sample is used, a blue circular button is displayed in the upper left corner of the screen as shown in the figure below when displayed on a mobile device.

* The sample shown here only displays a button. To control the table of contents, you need to prepare a script using JavaScript. Please refer to "Table of contents slide-in" for a sample that actually shows/hides the table of contents.

This is actually used in the online manual for this product.

• Word document has headings or paragraphs that specify outline levels 1-3.

• Word document has a table of contents created with Word's Table of Contents feature.

• Use "sample-toc.css" included as a sample in CSS. * Some editing is required.

• Set viewport for mobile devices.

As a sample, use "sample-toc.css" copied at the time of program installation. If you have not changed the installation directory of the program during installation, the following will be used.

C:\Program Files\Antenna House\xhw20\CSS\sample-toc.css

This CSS is specified to hide the buttons for mobile devices if used as is, so please delete the following sections before use.

* If you cannot edit the file in the "Program Files" folder, copy the file to a folder to which you have access, such as the desktop, and then edit it, and specify that file when specifying CSS on the command line.

Delete the following at the end of "sample-toc.css".

Example of converting "sample02.docx" in the "sample" folder on the desktop to HTML.