Body Editor

The Body Editor is a simple WYSIWYG editor that also has an HTML mode. It’s the only editor option when creating or editing articles, is a toggleable option when working with pages, and can be selected to use to create/edit contents for content blocks on pages or article styles.

The editor has a basic menu with the following options:

This dropdown menu lets you choose from several basic semantically-correct styles like normal text, block-quoted paragraph, or headers of different sizes. Please note that what you see in this editor with these styles is only a preview; the actual typography will depend on your site’s CSS.

Bold, italic, and remove style buttons¶

These are shortcut buttons to add bold or italic text, or to remove text styles entirely.

Unordered (bullet) & ordered (numbered) list buttons¶

These buttons let you quickly create bulleted or numbered lists.

This dropdown has shortcuts for left/center/right/justified paragraphs and paragraph indent/outdent.

Link button¶

Clicking this button brings up a pop-up that allows you to create/edit links.

Files Browser¶

This pops up your Files & Media browser inside the current page, where you can upload files, double-click to insert a file into the editor, or single-click to select it and then click the link button to get its hyperlink. More on this in the Files & Media documentation.

HTML toggle¶

Finally, this button switches your editor into HTML mode, powered by CodeMirror.

Some notes & warnings

Like we mentioned before, the WYSIWYG editor plugin used in Phosis has its own fair share of HTML quirks when editing in WYSIWYG mode. We generally recommend cleaning up its generated HTML, and we’re always on the lookout for new editors that generate cleaner code.

Phosis does some cleanup on its own in the background when you save, but it’s not bulletproof.

In addition, you should be cautious copying & pasting content from Word or other word processors. These programs can introduce a ton of code cruft into your content when pasted into a WYSIWYG editor, overriding the CSS carefully set up by you or your developer. Instead, we recommend copying and pasting your content into a true plain-text editor like Notepad or Notepad++ (Windows), Sublime Text (Windows/macOS/Linux), or Textmate (macOS). (You can also configure TextEdit on macOS to be a plain-text editor only via its Preferences, but otherwise it too will copy and paste style cruft.)