Typesetter

Prepares text for publication on a website. Converts Word documents and Excel spreadsheets into HTML.
Paste text from Word:

HTML for publishing:

Upload your site's CSS
Select a file...open

This is how the code on the page will look like:

"Typesetter" is a specially designed tool for website publishers (content managers). It helps prepare text for web publishing.

"Typography" is the art of arranging printed text through typesetting and layout. Typography, on one hand, is a branch of graphic design, and on the other, a set of strict rules that determine the use of fonts to create text that is most understandable to the reader. The task of typography is to define parameters for subsequent processes of typesetting, layout, and prepress preparation.

First, you need to create formatted text in Microsoft Office, Open Office, Google Docs, or any similar editor. This can be a Word document or an Excel spreadsheet.

These documents are already styled in some way, with text size, color, numbered/bulleted lists, tables, etc. You just need to select the required piece of text from the document, copy it to the clipboard, and paste it into the "Typesetter" in the field named "Paste text from Word". As a result, the selected piece of text is converted into HTML code.

After pasting the text, a list of font sizes used in the document will be displayed. You can specify which heading (H1-H6) to use for a given size when constructing HTML. The font sizes determined during text rendering will most likely differ from those used when formatting the text. This is because text editors like "Word" use points (pt) to set text size, while browsers use pixels (px). 1pt is not equal to 1px, it is slightly larger, so the font sizes when parsing the document will also be slightly larger.

By default, clean HTML is created (without adding styles through the "style" attribute). If you want to transfer text and background formatting colors, text alignment, etc., to HTML, then select the necessary ones from the list found.

The code turns out to be quite clean and beautiful, which may not even need to be edited before publishing on the website.

For your convenience, the "Typesetter" includes functionality for loading a CSS file from your website that contains styles for standard tags used for publishing text pages. After loading the CSS, you will see what the published HTML code will look like on your website page.

But you must understand that the CSS must be properly formatted. This means that all standard tags involved in constructing text content on the page should be styled without being tied to classes. That is, only the tag name should be indicated as the selector. Unfortunately, many beginner layout designers neglect this recommendation.