Irmen's blog
Spinsels op het webMarkup information
Frog understands a markup format similar to the popular BBCode that is often used in forum software. You can read the BBCode faq if you want more info, because this page only shows the basics. Here is what Frog understands:
Single line breaks will be ignored; lines are joined together (use the line break tag to separate lines), double line breaks (one empty line) become paragraph breaks. Urls or email addresses won't be automagically converted into hyperlinks.
Markup, quoting:
| [b]some bold text[/b] | → | some bold text |
| [i]some italic text[/i] | → | some italic text |
| [u]some underlined text[/u] | → | some underlined text |
| [tt]some typewriter text[/tt] | → | some typewriter text |
| [center]some centered text[/center] | → | text will be centered on the page |
| [code]code block[/code] | → | preformatted code block |
| [quote]quoted text[/quote] | → | quote a part of another text (can be nested) |
| blah blah [/] | → | line break after 'blah blah' |
Hyperlinks, images:
| [url]http://www.google.com[/url] | → | http://www.google.com |
| [url=www.google.com]link-text[/url] | → | link-text |
| [img]http://..../frog.gif[/img] | → | 
(external image link) |
| [img|w=…,h=…,alt=…,float=…] | → | Add special html tags to the image. Recognised tages are w (width), h (height), alt (alt-text) and float (float, left or right). Separate multiple tags with commas. |
Lists:
| [list] … [/list] | → | unordered list |
| [list=1] … [/list] | → | ordered list 1,2,3... |
| [list=a] … [/list] | → | ordered list a,b,c... |
| [*]list item | → | use this for each item inside a list (no close tag) |
Embedding of uploaded files:
| [@filename.zip] | → | Download link from the static files directory. If the file is an image, it will be embedded (shown) in the article. Filename may not contain pipe character ('|'). |
| [@filename.jpg|tag=…] | → | Add special html tags to the embedded image. See above at [img] what attributes are recognised. The filename may not contain a pipe character ('|'). |
| [@@filename.gif] | → | Download image from the static files directory (force no image embedding) |
These tags also allow remote files (starting with http:) for simplicity, and will output nice links, but you can use the normal [img] and [url] tags for that too (they output just the simple links)
Article cross-linking:
| [@:articleid] | → | Link to another article, articleid is the last part from the article's parmalink (for instance 2004-10-29/1). |
Press back to go back to the edit page.
- valid XHTML+CSS !!