Important! HTML components need shdocvw.dll library installed in Windows (if you have Internet Explorer installed, you have this library in place). If you plan to redistribute your collections, please make sure that your users either have this library or that you add an installation version of Internet Explorer to your CD-ROM (at least ver. 4.0).
To add an HTML component, click three points:
- HTML button on the Compose toolbar
- Top-left corner of the area you want your HTML file displayed (in the element window)
- Bottom-right corner of the area you want your HTML file displayed
The HTML component will show as a rectangle with an edit area inside.
If you want to import a ready HTML file, right-click the HTML editor, and choose Import file. Pick the file in the dialog box and choose OK. Your HTML file will be displayed in the HTML component. Note that Import file will only import the HTML page without files it links to (including image files). If you want to display more complex HTML, e.g. the contents of a whole website, use Links : External file which will link to an external HTML file without integrating it with your collection. For example, the picture below shows the entire SuperMemo Website linked to an HTML component via Links : External file:
After creating an HTML component, you can also start typing in your HTML code. For simplicity, in SuperMemo you do not need to use tags such as html, head, title, body, etc. You can begin HTML coding from scratch with simple tags such as <b> (bold font), <i> (italics), <hr> (horizontal line), etc. Naturally, you can use the entire spectrum of tags available to modern HTML browsers. When you are finished with coding, type Esc to see the results of your work.
If you would rather write your HTML text in your favorite HTML editor, press F9 (or choose Edit : Edit file from the HTML component pop-up menu) and your HTML code will open in the HTML editor registered for editing HTML files in Windows.
Please note that the pop-up menu in the HTML component is mode sensitive, i.e. it will display Internet browsing options in presentation modes (and in learning modes) and editing options in editing and dragging modes. In presentation mode you will be able to use options such as Add to favorites, Print, etc. In editing mode you will be able to use options such as Insert link, Import file, Edit file, etc.
The simplest way to switch between presentation and editing modes is to choose one of the following:
- Alt+click over the element display area
- press Ctrl+T until you reach the HTML component
- click the Editing mode button (blue-notebook) on the Edit tab
If you want to insert hyperlinks to other elements, registry texts, HTML files, URL addresses on the Internet, registry images, etc. read about the option Insert HTML link on the HTML component pop-up menu.