copy the 'real-wysiwyg' directory to your 'wp-contents/plugins' directory.
Activate the Real WYSIWYG plugin in your plugins administration page.
If your theme supports Real WYSIWYG then the editor window should now look
the same as your posts. Otherwise, you may need to configure Real WYSIWYG via the options
menu to include any extra stylesheets your theme may have and to include any extra css
so that the editor body will be correctly styled.
For instance, for the default them, the following CSS is some of what is added to the Extra CSS field:
.mceContentBody {
line-height:1.31em;
text-align:justify;
font-size:0.8em;
margin:2.5ex auto;
padding: 0pt;
width:450px;
background:transparent url('../../themes/default/images/kubrickbg-ltr.jpg') repeat-y scroll center top;
background-color:#e7e7e7;
}