If you have switched on either the Full page editor mode or editing only stickies...

Please listen to and cautiously or not at all use the appearing Move/Resize  box surrounding the images and positioned elements. As it was written it would cause several of errors mainly when you are inserting and editing a sticky. Click out from the surrounding box and use the sticky resizer and pointer to move it which will appear between the bullet and sticky header.

Using this section of toolbar you can insert

1. Bullets
2. Stickies
3. Formatted question and answer divisions.
4. Formatted bookmarks
5. Note references - Look like as footnotes, and you can navigate between them and/or inside, outside the document.

At first, initiating any special element inserting place the cursor to that point where to wish to insert any of them! You will be warned if there is no insertion point selected.

 The insert will occur next to that element in both three (1.,2.,3.) type of insertions where the cursor was placed. This means the text won't  be broken and either the bullet or sticky or question/answer divisions will appear under the selected text, not in-between. Both the bullets and stickies are movable, but technically they remain on that place where they had been inserted even if you can move them anywhere on the page. The inserted question, answer divisions can not be moved. If you moved the stickies and bullets to its right place, but you insert some else text or for example later a Page Content,the position of bullets and stickies must be adjusted by yourself again. I.e. you need to move them again to their right place.

In the (4., 5.) case inserting formatted  bookmarks and  Note references the inserting would occur as belows.

• You would select a portion of text somewhere between the text beginning and end.
• The second possibility would be a text selection which get at the end of text.

 At this case I strongly suggest always using a text-end marker character placed at the end of text. For example it would be a well seen P. Draw the mouse selection only just before you reach this P. This last character will be automatically cut off.

Both in the above two cases the selection will be the default title of a formatted bookmark or Note reference. You can change it if you wish.The bookmark or Note reference icons will be placed immediately after the selection.

• You may place the cursor somewhere in-between the text nothing is selected. In this case you may give any title and the bookmark or Note reference icons will be placed immediately where the cursor is placed.
  

Very important to know mainly in the case of stickies if they overlap each other always the last will  be atop. If you have a sticky collapsed and moved to a place it would occur that the collapsed sticky covers up some important element for example a link will not work. Move it to an other place temporarily, then move it back. Also you need listen to when placing the cursor before inserting an another sticky, the cursor must there be at an appropriate place where probably there is not overreaching of a previously placed sticky text which you just haven't seen because the sticky is collapsed. You can control any inserting very precisely if you are using Firebug extension opening its HTML panel.  Naturally, if you are not using that, simply drag the previous near sticky away before placing the cursor. At first using it may be a little disturbing, but if any problem occurs you can delete the sticky and try again. Later you will be better experienced using it.

Listen to the deletion of the numbered bullets and stickies, question/answers since they won't be renumbered! Always delete the last number and go backward if you need to delete an intermediary one. It is a weakness, but I couldn't (and probably won't be able to) technically resolve the renumbering! It would require the copying repeatedly the body of all of stickies, q/a-s and their corresponding LINK elements, too. At this case much simple to accomplish this work by hand. I suggest using a multi-clipboard program which is otherwise useful too. (* See a very good one at http://ditto-cp.sourceforge.net/ ). Put the text of those sticky bodies, or q/a-s you would like to restore into the multi-clipboard. Delete the stickies, q/a-s backward and insert them again pasting their text from the clipboard.

7

Opacity0.00.10.20.30.40.50.60.70.80.91.0

Inserting bullets

Click on Bullet button on the toolbar. Before clicking  it you must place the cursor where to you wish inserting it.  Drag the bullet to the appropriate place with the pointer cursor which will appear at the middle-right of Bullet. The bullets will be numbered in their creation order. You can delete them clicking on the bullet number.  Listen to the above mention deletion rule! At the bottom right of bullet you see a little eyedropper. Clicking on it you will get a color picker table and an opacity selection box. You can change bullet color and its opacity when the editor toolbar temporarily disabled.You can also click on eyedropper to hide the color picker and opacity selection.

8

Opacity0.00.10.20.30.40.50.60.70.80.91.0

Inserting stickies

Click on Sticky button on the toolbar. Before clicking it you must place the cursor where to you wish inserting it.  Drag the sticky to the appropriate place with the pointer cursor which will appear at between the sticky bullet and its header. You can either give a sticky header text or not.  The sticky creation date will be inserted automatically. Also the sticky bullets will be numbered in their creation order. You can delete them clicking on the bullet number.  Listen to the above mention deletion rule! At the bottom of sticky you see a color picker table and an opacity selection box. You can change sticky color when you are in editor mode, but its opacity only when the editor toolbar temporarily disabled. You can rich text edit the sticky body only. If you are in full page editor mode you can able to change the sticky header text or the date too. However this changes won't be appear either on the navigation bar (if you use it) or the sidebar.  The placed stickies would overlap each other, but always the last created will be atop. Please move it to an other place if you can not properly read the text. Be careful when editing it because of the on-built Move/Resize box appearing, and much rather delete a sticky if you are not sure you do not moved or resized it by that unfortunately. Use the sticky own resizer which will appear at the right corner of the sticky.  You can collapse a sticky either clicked in editor mode or when it is disabled on the  icon appearing at sticky header beginning.

4

6-8-2009: This is a sample sticky

Editable sticky text Goto Sticky 1 #S1

Opacity0.00.10.20.30.40.50.60.70.80.91.0

Inserting questions answers

Inserting bookmarks

Inserting Note references

Click on Note reference button on the toolbar. Before clicking it you must place the cursor where to you wish inserting it or select a portion of text which you wish to appear as Note reference title. The selection and insertion rules are written above. You may give an own title generated from either selected a text-part or not, or you can leave the title empty. Secondarily you need to give a reference. That would either a valid URL, bookmark (id or anchor name) placed in the document, even yet it would be given a short JavaScript function, or one statement syntax.

You will be asked to give the reference link until you had made a successful selection.  How to insert valid reference links see later in the WYSWYG Editing - Insert Link section.

(* See the samples at the beginning of this page - note references and at the bottom Notes)

Choosing one from this part of the toolbar you can insert document improving  tools, and you can save the document severally.

1. Insert/Generate Page Content from placed heading elements. You can choose to structure the headings in the main body to be collapsible/expandable similar to as outlining.
2. Insert Site navigation and Links. You can either fill on only the navigation links or both insert them into the document. Filling on only the links will appear on if you are using the Site Navigation toolbar. Those LINK tags otherwise improve providing  a variety of information to search engines. If you are inserting them into the document, they will help the user more visually navigate on the site. You can suggest a reading order by them.
   
3. Insert custom CSS. You can attach you own CSS into a raw text edited document.
4. Save Page. You can save the edited document in five sort. (* See Saving and reloading documents on the home page)
   

Inserting Page Content

Click on Generate PageTOC  button on the toolbar. Before clicking it you need not place the cursor anywhere!

The Page Content will be automatically placed at a given point of the document.

If you have structured your documents by headings which is otherwise a useful guide and also for improving your site from the point of view of present guidelines of SEO, you can generate Page Table of Contents from those headings, by this button. It is suggested to generating the TOC when you have already finalized the document structuring, i.e. probably you aren't about to insert new heading elements. However even if you generated a TOC, but you will insert new headings you can generate it again, but you must delete the previous one before. You can delete the TOC clicking on the icon. You can collapse/expand i.e hide/show the entire Page Content once generated. You can also collapse/expand the heading which contains further heading elements under themselves. A icon will appear next to the heading text in the TOC marking the section may be collapsed, and if it is yet collapsed a icon denotes the section may be expanded. 

You can also choose to generate a document outline. You will be asked doing it or not. The outlining means the content under the heading tags in the main body of text  will become collapsible and expandable. A icon will appear next to the heading text marking the section may be collapsed, and if it is yet collapsed a icon denotes the section may be expanded. Outlining would better improve the readability.

The only weak is here if you had once generated the outline you can not delete it in the present version of the editor. But, it is not so confusing, due to it does not affect generating the TOC more times. The newly inserted headings will became added to the collapsible structure.

This function is not same as when you open the sidebar and click on Switch to Heading list. The latter will only list the heading structure you can navigate to that heading element you have selected. But, the sidebar heading list will not generate the Page Content.

9

Opacity0.00.10.20.30.40.50.60.70.80.91.0

When you generate a TOC there would be spaces in the text of headings which from it is generated. All spaces will be substituted automatically with '_' character in the reference links to this headings also in the id of headings even if you see the spaces in the main text or appearing in the TOC. It is important to know from that aspect when later probably you wish to make a bookmark link to any of the headings form the body of text.

Inserting Navigation

Attaching stylesheet

This part of the Edit and Note very similar to any of WYSWYG editor toolbar.  It contains some simple action buttons, and some so called menu-buttons. The latter ones are those of which middle right appear an down arrow. Clicking on the down arrow will invoke opening a menu corresponding to that button. 

If the toolbar doesn't fit to your screen this section will be scrollable.

Put the mouse either to the back arrow at the beginning of this toolbar section or at the end of it pointing to the forward arrow. The toolbar will scroll itself.

The first and second section is for the ordinary editing actions

Cut

Copy

Paste  

(* If these operations do not work in your browser please read about how to set preferences. http://www.mozilla.org/editor/midasdemo/securityprefs.html)

Undo

Redo

Remove Formatting (you have to select something)

The third section is for some HTML specific editing 

Format Block

Clicking on the menu-button arrow you will get a drop-down menu with some block element formatting commands.

When you place the cursor somewhere into an empty portion of the document and start to type unlike in the MSWord you won't necessarily write into a paragraph. To assure  writing a paragraph you must select this block formatting command.  You can control what type of writing by using also Firebug. Open Firebug and click its Element Inspect button.  You can also observe the difference if you use a stylesheet which determines a paragraph formatting. 

If you want to insert a division block element choose this command.

You can create headings formating  choosing from 1-6 Heading block. Place the cursor somewhere in the text you wish to make a heading and select one of heading levels from the list. The heading levels will appear at first by their default styling, if you are not using a custom stylesheet defining them.

Insert element Attributes

Clicking on the menu-button arrow you will get a drop-down menu with some element attribute commands. This attribute list contains only the most important and frequently used ones.

First you must place the cursor where to you wish inserting any of them. Generally when you place the cursor somewhere in the written text, it will be determined whether what is the nearest element (parent) involving the text. It would be a paragraph, division, td  or anchor. You can select immediately an element too, but you will be informed which element had been actually selected exactly. You can respond then whether you wish to add an attribute for that element, or you can choose Cancel the operation. If there is such parent element of the selected one which to you may insert the selected attribute you will be asked again.

( For example it would be for creating a class or rel attribute for an anchor element which involves an IMG tag. At first you will get selected the IMG, but when cancel the operation it will be offered its parent tag A. Same will happen if you choose a TD element, but you wish insert an id, width, height, class or inline style attribute for the TABLE element rather.)

If you finally Cancel will not happen anything. If you choose OK inserting you must give the attribute value.

At the moment there is not any on-built help which kind of inline styles would be inserted you need to be a little familiar with it. If you write a wrong one there won't be inserted anything. You can delete an attribute on that tag for which something was inserted previously. Select that element again and give again same attribute with an empty value. You can control every such kind of operation by the help of Firebug. You can also use CodeBurner for Firebug as a help at your fingertip. http://tools.sitepoint.com/codeburner/

Please listen to giving the id names space substituted for example with '_'. And it is also suggested for class names.

The fourth section contains the classical text or character formatting possibilities

Font name

Clicking on the menu-button arrow you will get a drop-down menu offering some Font names.

At the moment you can choose only from those most frequently used six ones.

Font Size

Clicking on the menu-button arrow you will get a drop-down menu offering the available maximum Font size settings.

Bold

Underlined

Italic

Strikethrough

Subscript

Superscript       

Background color

Text Color

Clicking on either the background or text color selector you may choose from the color selection grid. At both buttons lower right corner there is minuscule square which will show the last color setting. You may remove the color formatting using the Remove Formatting button.

Any of the above commands requires something to be selected!

The next section is for paragraph formatting

Align paragraph

Clicking on the menu-button arrow you will get a drop-down menu.

Put the cursor somewhere into that paragraph you wish align and choose one of the align possibilities.

Indent

Outdent

Ordered    (Numbered list)

Unordered (Bulleted list)

You need to use a style sheet to change the base appearance of a bulleted list. You can not use also a composite list and run-on numbering, at the basic setting.  

The sixth section is also for HTML special elements inserting

Insert Table

You can insert and format  (by the help of Insert element Attributes) simple tables.

You can not make complicate cell combining and separating operations. Also you can not do highlighting whole rows and columns and can not delete a row and column individually by this editor version. You can experiment with the deletion if you are using the Firefox on-built table editor mode. It is a little tricky and risky! Let you try it at first on an empty table! You can not undo table inserting either!

When you click on this button you will get an Insert Table dialog window. This may look  very similar to someone who ever used Dreamweaver.

Choose the rows and columns number at first.

Then you give the whole table width by pixel or %.

(Later you can adjust the columns  individually with the help of Insert element Attributes button. )

You can determine whether there be Border around the cells and how many pixel space between them, and how much be the padding in pixels.

You can specify whether there are headers and where to be placed if there are

You can also specify here whether there be caption text and where (top, bottom, left right)

You can Accept or Cancel the the table inserting.

After you had made the simple table inserting you can style the table, and write into the cells where are the denoted texts. Click into the cells which to you wish giving a style and set a width, or an inline style by Insert element Attribute menu. You can format the whole table and rich text edit the written content, too.

Insert Horizontal Line You can insert a separator line. You can also style it by the stylesheet. If you wish giving a color to the line do it simply selecting  the line and choosing a color from the text color picker. Unfortunately you can not resize or move the line by the FF on-built resizer. You can delete it by selecting and pressing delete button on the keyboard. (* Sometimes the selection is not successful, at least you won't see the selection anchors thus try again and again until you see the color  appearing as you have selected from the color picker)

Insert Anchor Bookmark

Similarly as when inserting a formatted bookmark or Note reference you can select a portion of text and you can make an anchor surrounding the selected text. Please listen to the selection rules! The selected text will be the default anchor name. You may change the preselected anchor name, but if you had altered the selected one, the selected text will be replaced with your choosen one. If nothing was selected won't happen anything! But, you won't get any message about it.

The spaces in the given anchor name will be automatically substituted with '_' character. 

This command is not same as when inserting a formatted bookmark. The most important difference is you can make a bookmark link here anywhere from inside the document (e.g #anchor_name)  or  outside referring to in the URL of document. (e.g. file:///C:/documentname.htm#anchor_name, http://domain/document.htm#anchor_name)

Insert Image

You can insert a picture either from your file system or form any outer link (URL).

You will be prompted to give the image URL or if you Cancel this prompt you will get a File Picker choosing an image file from your local file system. 

If you don't choose anything you will get a message there was not anything selected, and nothing will be inserted.

Please DO NOT CHOOSE AN IMAGE FROM A DIRECTORY WHICH HAS NON-STANDARD CHARACTERS!  The spaces in the directory name is not so problem, but I suggest  using such directories which are named without non-standard characters and at least the spaces substituted with '_' for example.

Insert Link

Please select something which will be the link title. When you click on the insert link button you will be prompted to giving the link. You can insert three type of links.

1.    You can give a valid URL

1.a  You can give a mailto://some.body@domain.code [2-6 char]

1.b  You can here refer to a local file appended with a bookmark link

       file:///drive:/document_name.ext#anchor_name

  otherwise you can select a local system file pressing the Cancel button and you may choose from the File Picker dialog.

2.   #bookmark i.e anchor_name or an id

3.   javascript:foo("param1","param") or javascript:foo('param1') or  javascript:foo()

      javascript:alert('HI') any one statement

The given syntax will be checked, and only after accepted. The JavaScript code won't be only raw format checked syntactically not inspected! Please listen to that!

When the Insert Link prompt dialog is opened you can not do anything until you either accepted or canceled. Thus, when you wish inserting an URL please open the reference URL in a next tab, or copy to the clipboard before you click on the Insert Link button. Furthermore, because of you can not insert a bookmark link (#anchor_name can  not be appended to the chosen file name  being selected by the File Picker dialog),  the little trick to give it by the prompt dialog. See above 1.b. Thus, open your local file  that having has the bookmark  in  a new browser tab, navigate to the bookmark, copy the link from the location bar and after it click on the Insert Link button. Paste the URL into the prompt dialog.    

When you refer to a bookmark link - Please listen to referring to an id  by giving the id name space substituted for example with '_'. Also listen referring to any anchor bookmark name with this substitution, even when you see spaces in names. The best way avoiding this using the Sidebar. The Sidebar will list all of anchor bookmarks and headings and there is a right click invoked Copy possibility to get the proper bookmark name or id. But it is not for your given element id-s! Copy the right id or anchor name and paste it to the prompt dialog. (* See below in the Sidebar section)

Do not forget you may insert links into the stickies too!

You can refer anywhere in the text and also in the stickies to the inner elements by their id-s. ( n represents their number)

Remove Link      

If you wish to remove a previously inserted link select the link then press this button. It will remove the link.