The HADDOCK template has an enhanced plain editor to make entering markup more easy. Many of the enhancements were inspired by posteditor[1], TextMate[2], MarkItUp[3] and smarkup[4].
TAB key support
Use the TAB key to increase indentation of a line: the tab key is expanded to 4 spaces.
When selecting multiple lines, the TAB key will increase the indentation of all selected lines.
Use Shift+TAB to decrease the indentation level.
The DEL key will remove the next 4 spaces.
Insert line-breaks
Use shift+Enter to insert line-breaks . (\\)
Auto-Indentation
When entering a new line, it will automatically get the same indentation level as the previous line.
Section editing
Section editing allows to either edit the whole document, or a particular section. A section starts with a heading. (!,!!,!!!)
When you hover over a section heading, the [Edit] button appears, which will directly open the editor for that section.
Find & Replace
The find & replace UI is a draggable dialog. It operates either on the whole document, on a selected page section or on a selected block of text. While entering the find string, you'll see the number of occurrences immediately. You can use regular expressions for more complex find and replace patterns. And you can replace either the first or all of the matches.
The advanced features can be turned on/off via the configuration menu. These settings are saved in a cookie.
Auto-suggestion
Suggestion dialogs appear when you type or move the cursor. These popup dialogs are context sensitive and assist the entry of new or changed wiki markup. Suggestion dialogs are available when entering [links] (with on-the-fly ajax-based lookup of page-names)), %%styles, hexadecimal colors, fonts, symbols (aka html entities), icons, plugins, images, and more.
You can add your own suggestion dialogs, by extending the snippet file Wiki.Snips.js.
TAB Completion
Predefined short keywords followed by the TAB will expand to a text-snippet or markup.
E.g. toc followed by TAB will expand to [{TableOfContents }].
Check out the snippet tab for a list of available keywords and the expanded text.
Smart Typing Pairs
With smart typing pairs, certain characters ( ", ', (, {, [, [{ ) will automatically be balanced with their closing counterparts. When you first select a word or set of words, the pair characters will be inserted around the selection range.
Live Preview
The editor will render on the fly the wiki markup so you can preview the page while you are editing. The rendering is actually done on the server via a AJAX call.
Side-by-side preview
You can display the live-preview either side-by-side, or stacked vertically with the textarea.

Overview of supported snippets and the expanded wiki markup. You can add your own snippets, by extending the snippet file Wiki.Snips.js.

Keyword +TAB expands to...
toc [{TableOfContents }]
link [link text|pagename]
code %%prettify {{{ ... }}} /%
pre {{{ ... }}}
br \\
bold __some bold text__
italic ''some italic text''
h1 !!! Heading 1 title
h2 !! Heading 2 title
h3 ! Heading 3 title
dl ;term:definition text
mono {{ some monospaced text }}
hr ----
sub %%sub subscript text /%
sup %%sup superscript text /%
strike %%strike strikethrough text /%
tab example snippet with tabs
table example table
img [{Image src='img.jpg' ..and other plugin parameters.. }]
quote %%quote ... /%
%% %%wikistyle ... /%
sign \\
<~UserName>, 25 Sep 07
date today's timestamp
lorem Lorem Ipsum ...

  • [#1] PostEditor, v2Content unavailable! (broken link)https://jspwiki-wiki.apache.org/images/out.png by Daniel Mota aka IceBeatContent unavailable! (broken link)https://jspwiki-wiki.apache.org/images/out.png
  • [#2] TextMateContent unavailable! (broken link)https://jspwiki-wiki.apache.org/images/out.png
  • [#3] MarkItUpContent unavailable! (broken link)https://jspwiki-wiki.apache.org/images/out.png by Jay SavatContent unavailable! (broken link)https://jspwiki-wiki.apache.org/images/out.png
  • [#4] smarkupContent unavailable! (broken link)https://jspwiki-wiki.apache.org/images/out.png by Joseph Woods.