• Create a New Post
• Edit Existing Post
• JavaScript Editor
• JavaScript Editor Screenshots

Grebe Creating and Editing Tips

Create a New Post

When logged into the site, click the "compose" link, which is located at the bottom of the site.

After clicking "compose", you will see a blank text-area box that looks like this.

It's better to create and edit posts using the JavaScript editor by clicking on the "split" link, located near the lower right corner of the text-area box.

The simple text-area box is good for quick editing.

Edit Existing Post

If you need to edit a post, click the "EDIT" link, located at the top or bottom of the page when viewing the post.

The markup for the post will be displayed in the simple and limited text-area box. If it's a quick-edit, this is fine to use. But if a longer editing session is planned, then it's better to use the JavaScript editor.

To edit with the JavaScript editor, click the small "split" link, which is located near the lower right hand corner of the text-area box.

Note: If you make changes within the simple, limited text-area box, and then click the split link to edit with the JavaScript editor, those changes will not be preserved. Click the "Update" button that's associated with the simple text-area box, and then re-edit and click the split link to edit with the JavaScript editor. Or chose the JavaScript editor before making changes.

I edit with the JavaScript editor, unless it's a minor, quick change.

JavaScript Editor

Clicking the split link puts you into a better editing/writing area. This is not a WYSIWYG editor. Formatting buttons do not exist.

This is a plain text editor where you enter formatting commands. The content management system converts those commands into the HTML that gets displayed in a user's web browser.

This enhanced writing area auto-saves every 5 minutes if new content has been added (at least one key has been pressed.)

Within the enhanced writing area, you can either write and preview in split screen mode or you can click the right-facing arrows in the navigation bar to switch to single screen mode. This provides a larger writing screen, and it's the preferred writing mode when editing on a phone or tablet.

When writing in single screen mode, and when you click "preview," the formatted page will also be shown in single screen mode.

Previewing a post does not save a post. I will preview often as I make changes, and when I'm satisfied, then I will click save.

To change from previewing in single screen mode back to writing in single screen mode, click the right-facing arrows again.

To get back to split screen mode, click the left-facing arrows.

Click the arrows to play around. Nothing can be harmed.

To save whenever you want instead of waiting for the autosave to kick in, then click "save."

When moving away from the enhanced writing area, you will get a pop-up message, asking if you want to leave the page. Click "confirm" or whatever the answer is to leave the page. This confirmation pop-up will appear even after you have saved the content.

The confirmation pop-up is a safety feature to ensure that the you saved content before moving away from the article.

The Apple Safari web browser, however, does not support this pop-up confirmation function.

JavaScript Editor Screenshots

"Editor" may be an inappropriate term to use to describe this browser-based JavaScript tool. I use this enhanced writing mode with my other web apps.

This is the default display. You write in the left pane, and the content can be previewed in the right pane. This is not a live-preview app. You click "preview" to see how the content would be displayed on the website.

Single screen mode for writing.

Single screen mode for previewing a post.