Here is a demonstration. Try hovering your pointer over each button and then using the button combination it shows you. Try selecting an area of text and clicking the Bold, Italic or Curly Quotes buttons.
It’s easy to add and remove buttons, or to change what each button does. This is what each button in the default script means, in order of appearance. If a button ‘wraps’, it means that you can click/access the button just once to automatically put the appropriate marks before and after a selected area of text.
- Boldface (wraps; XHTML-friendly; strongly emphasise)
- Italicise (wraps; XHTML-friendly; emphasise)
- Em Dash (a break in thought; a range without end)
- En Dash (a range that ends; joining words that are already hyphenated [Open-Source–based, not Open-Source-based])
- Single curly quotes (wraps; keyboard apostrophe is not correct)
- Double curly quotes (wraps; keyboard quote is not correct)
- Ellipsis (three full-stops is not correct)
- One-Dot Leader (use when not ending a sentence [as a decimal or in a version number])
- Apostrophe (keyboard apostrophe is not correct)
- Pilcrow (visibly indicates where a paragraph has been broken; use in code examples)
- Section (shorthand for “Section” [e.g. §3])
- Minus sign (keyboard hyphen and keypad minus are not wide enough)
- Therefore (shorthand for maths or lazy people)
- Ampersand (means ‘and’; for showing character entity codes)
- Less than–Greater than (wraps; for showing HTML code)
- Trademark (indicates a trademarked name)
- Paragraph (wraps; correct HTML code for starting and ending a new paragraph)
The Punctuator is a modified form of Alex King’s JS QuickTags v1.2 which was released under the LGPL. As such, The Punctuator is also bound by the LGPL. The Punctuator was modified from the original and redistributed during the last week of October, 2005.
Instructions for The Punctuator’s implementation are supplied as comments in the demo.htm file in the .zip archive.
I’m impressed. Give me it!