typography.css is used to make the styles the same in the HTML editor as the site itself, so it is more WYSIWYG.

However, to make it completely WYSIWYG, the editor width should match the column width of the website, so the text wraps in the same place. How?

In typograpgy.css, the editor width can be set with:

.htmleditor {
   width: 321px;
}

The HTML editor control incorporates the field name, so if there are multiple fields with different widths, they can be set with:

#ContentLeft.htmleditor {
   width: 321px;
}
#ContentRight.htmleditor {
   width: 900px;
}

However, I can't get the editor to shrink below the width of the toolbar, or expand greater than the width of the page (e.g. with a scrollbar).

Any ideas?

Thanks,
Jules