meta data for this page
Erot
Tämä näyttää erot valitun ja nykyisen version kesken tästä sivusta.
Both sides previous revisionEdellinen revisioSeuraava revisio | Edellinen revisioSeuraava revisioBoth sides next revision | ||
wiki:syntax [31/01/2020 11:00] – harri | wiki:syntax [01/03/2020 23:32] – [Table] harri | ||
---|---|---|---|
Rivi 1: | Rivi 1: | ||
- | __false__ | + | ====== Formatting Syntax ====== |
+ | [[doku> | ||
+ | |||
+ | ====== Unicode table ====== | ||
+ | |||
+ | Unicode-koodilla voi lisätä merkkejä Wordissa näppäilemällä koodin ja sen jälkeen alt+x. Hexadecimal-koodilla voi lisätä koodin wordissa painamalla ensin alt + +, ja sen jälkeen koodi näppäimistön **oikean reunan** numeronäppäimillä. | ||
+ | |||
+ | ^ Merkki | ||
+ | | ° | 00b0 | 0176 | | ||
+ | | ⇌ | 21cc | 8652 | | ||
+ | | Δ | 0394 | 916 | | ||
+ | | · | 2219 | B7 | | ||
+ | | × | D7 | D7 | | ||
+ | | %%|%% | 007c | 124 | | ||
+ | | − | 2212 | 8722 | | ||
+ | | ≈ | 2248 | 8776 | | ||
+ | | μ | 03bc | ||
+ | | α | 03b1 | 945 | | ||
+ | | Ω | 03a9 | 937 | | ||
+ | | ρ | 03c1 | 961 | | ||
+ | |||
+ | \\ | ||
+ | |||
+ | |||
+ | ====== Kysely ====== | ||
+ | |||
+ | <quizlib id=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | \\ | ||
+ | <quizlib id=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | \\ | ||
+ | |||
+ | \\ | ||
+ | <quizlib id=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | \\ | ||
+ | <quizlib id=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | \\ | ||
+ | <quizlib id=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | \\ | ||
+ | <quizlib id=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | ===== Basic Text Formatting ===== | ||
+ | |||
+ | DokuWiki supports **bold**, //italic//, __underlined__ and '' | ||
+ | |||
+ | DokuWiki supports **bold**, //italic//, __underlined__ and '' | ||
+ | Of course you can **__//'' | ||
+ | |||
+ | You can use < | ||
+ | |||
+ | You can use < | ||
+ | |||
+ | You can mark something as < | ||
+ | |||
+ | You can mark something as < | ||
+ | |||
+ | **Paragraphs** are created from blank lines. If you want to **force a newline** without a paragraph, you can use two backslashes followed by a whitespace or the end of line. | ||
+ | |||
+ | This is some text with some linebreaks\\ Note that the | ||
+ | two backslashes are only recognized at the end of a line\\ | ||
+ | or followed by\\ a whitespace \\this happens without it. | ||
+ | |||
+ | This is some text with some linebreaks\\ Note that the | ||
+ | two backslashes are only recognized at the end of a line\\ | ||
+ | or followed by\\ a whitespace \\this happens without it. | ||
+ | |||
+ | You should use forced newlines only if really needed. | ||
+ | |||
+ | ===== Links ===== | ||
+ | |||
+ | DokuWiki supports multiple ways of creating links. | ||
+ | |||
+ | ==== External ==== | ||
+ | |||
+ | External links are recognized automagically: | ||
+ | |||
+ | DokuWiki supports multiple ways of creating links. External links are recognized | ||
+ | automagically: | ||
+ | link text as well: [[http:// | ||
+ | addresses like this one: < | ||
+ | |||
+ | ==== Internal ==== | ||
+ | |||
+ | Internal links are created by using square brackets. You can either just give a [[pagename]] or use an additional [[pagename|link text]]. | ||
+ | |||
+ | Internal links are created by using square brackets. You can either just give | ||
+ | a [[pagename]] or use an additional [[pagename|link text]]. | ||
+ | |||
+ | [[doku> | ||
+ | |||
+ | You can use [[some: | ||
+ | |||
+ | You can use [[some: | ||
+ | |||
+ | For details about namespaces see [[doku> | ||
+ | |||
+ | Linking to a specific section is possible, too. Just add the section name behind a hash character as known from HTML. This links to [[syntax# | ||
+ | |||
+ | This links to [[syntax# | ||
+ | |||
+ | Notes: | ||
+ | |||
+ | * Links to [[syntax|existing pages]] are shown in a different style from [[nonexisting]] ones. | ||
+ | * DokuWiki does not use [[wp> | ||
+ | * When a section' | ||
+ | |||
+ | ==== Interwiki ==== | ||
+ | |||
+ | DokuWiki supports [[doku> | ||
+ | |||
+ | DokuWiki supports [[doku> | ||
+ | For example this is a link to Wikipedia' | ||
+ | |||
+ | |||
+ | ==== Image Links ==== | ||
+ | |||
+ | You can also use an image to link to another internal or external page by combining the syntax for links and [[# | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | Please note: The image formatting is the only formatting syntax accepted in link names. | ||
+ | |||
+ | The whole [[# | ||
+ | |||
+ | ===== Footnotes ===== | ||
+ | |||
+ | You can add footnotes ((This is a footnote)) by using double parentheses. | ||
+ | |||
+ | You can add footnotes ((This is a footnote)) by using double parentheses. | ||
+ | |||
+ | ===== Sectioning ===== | ||
+ | |||
+ | You can use up to five different levels of headlines to structure your content. If you have more than three headlines, a table of contents is generated automatically -- this can be disabled by including the string ''< | ||
+ | |||
+ | ==== Headline Level 3 ==== | ||
+ | === Headline Level 4 === | ||
+ | == Headline Level 5 == | ||
+ | |||
+ | ==== Headline Level 3 ==== | ||
+ | === Headline Level 4 === | ||
+ | == Headline Level 5 == | ||
+ | |||
+ | By using four or more dashes, you can make a horizontal line: | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Media Files ===== | ||
+ | |||
+ | You can include external and internal [[doku> | ||
+ | |||
+ | Real size: {{wiki: | ||
+ | |||
+ | Resize to given width: | ||
+ | |||
+ | Resize to given width and height((when the aspect ratio of the given width and height doesn' | ||
+ | |||
+ | Resized external image: | ||
+ | |||
+ | Real size: {{wiki: | ||
+ | Resize to given width: | ||
+ | Resize to given width and height: {{wiki: | ||
+ | Resized external image: | ||
+ | |||
+ | |||
+ | By using left or right whitespaces you can choose the alignment. | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | {{wiki: | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | {{ wiki: | ||
+ | {{wiki: | ||
+ | {{ wiki: | ||
+ | |||
+ | Of course, you can add a title (displayed as a tooltip by most browsers), too. | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | For linking an image to another page see [[#Image Links]] above. | ||
+ | |||
+ | ==== Supported Media Formats ==== | ||
+ | |||
+ | DokuWiki can embed the following media formats directly. | ||
+ | |||
+ | | Image | '' | ||
+ | | Video | '' | ||
+ | | Audio | '' | ||
+ | | Flash | '' | ||
+ | |||
+ | If you specify a filename that is not a supported media format, then it will be displayed as a link instead. | ||
+ | |||
+ | By adding ''? | ||
+ | |||
+ | {{wiki: | ||
+ | |||
+ | {{wiki: | ||
+ | |||
+ | ==== Fallback Formats ==== | ||
+ | |||
+ | Unfortunately not all browsers understand all video and audio formats. To mitigate the problem, you can upload your file in different formats for maximum browser compatibility. | ||
+ | |||
+ | For example consider this embedded mp4 video: | ||
+ | |||
+ | {{video.mp4|A funny video}} | ||
+ | |||
+ | When you upload a '' | ||
+ | |||
+ | Additionally DokuWiki supports a " | ||
+ | |||
+ | ===== Lists ===== | ||
+ | |||
+ | Dokuwiki supports ordered and unordered lists. To create a list item, indent your text by two spaces and use a '' | ||
+ | |||
+ | * This is a list | ||
+ | * The second item | ||
+ | * You may have different levels | ||
+ | * Another item | ||
+ | |||
+ | - The same list but ordered | ||
+ | - Another item | ||
+ | - Just use indention for deeper levels | ||
+ | - That's it | ||
+ | |||
+ | < | ||
+ | * This is a list | ||
+ | * The second item | ||
+ | * You may have different levels | ||
+ | * Another item | ||
+ | |||
+ | - The same list but ordered | ||
+ | - Another item | ||
+ | - Just use indention for deeper levels | ||
+ | - That's it | ||
+ | </ | ||
+ | |||
+ | Also take a look at the [[doku> | ||
+ | |||
+ | ===== Text Conversions ===== | ||
+ | |||
+ | DokuWiki can convert certain pre-defined characters or strings into images or other text or HTML. | ||
+ | |||
+ | The text to image conversion is mainly done for smileys. And the text to HTML conversion is used for typography replacements, | ||
+ | |||
+ | ==== Text to Image Conversions ==== | ||
+ | |||
+ | DokuWiki converts commonly used [[wp> | ||
+ | |||
+ | * 8-) %% 8-) %% | ||
+ | * 8-O %% 8-O %% | ||
+ | * :-( %% :-( %% | ||
+ | * :-) %% :-) %% | ||
+ | * =) %% =) %% | ||
+ | * :-/ %% :-/ %% | ||
+ | * :-\ %% :-\ %% | ||
+ | * :-? %% :-? %% | ||
+ | * :-D %% :-D %% | ||
+ | * :-P %% :-P %% | ||
+ | * :-O %% :-O %% | ||
+ | * :-X %% :-X %% | ||
+ | * :-| %% :-| %% | ||
+ | * ;-) %% ;-) %% | ||
+ | * ^_^ %% ^_^ %% | ||
+ | * :?: %% :?: %% | ||
+ | * :!: %% :!: %% | ||
+ | * LOL %% LOL %% | ||
+ | * FIXME %% FIXME %% | ||
+ | * DELETEME %% DELETEME %% | ||
+ | |||
+ | ==== Text to HTML Conversions ==== | ||
+ | |||
+ | Typography: [[DokuWiki]] can convert simple text characters to their typographically correct entities. Here is an example of recognized characters. | ||
+ | |||
+ | -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) | ||
+ | "He thought ' | ||
+ | |||
+ | < | ||
+ | -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) | ||
+ | "He thought ' | ||
+ | </ | ||
+ | |||
+ | The same can be done to produce any kind of HTML, it just needs to be added to the [[doku> | ||
+ | |||
+ | There are three exceptions which do not come from that pattern file: multiplication entity (640x480), ' | ||
+ | |||
+ | ===== Quoting ===== | ||
+ | |||
+ | Some times you want to mark some text to show it's a reply or comment. You can use the following syntax: | ||
+ | |||
+ | < | ||
+ | I think we should do it | ||
+ | |||
+ | > No we shouldn' | ||
+ | |||
+ | >> Well, I say we should | ||
+ | |||
+ | > Really? | ||
+ | |||
+ | >> Yes! | ||
+ | |||
+ | >>> | ||
+ | </ | ||
+ | |||
+ | I think we should do it | ||
+ | |||
+ | > No we shouldn' | ||
+ | |||
+ | >> Well, I say we should | ||
+ | |||
+ | > Really? | ||
+ | |||
+ | >> Yes! | ||
+ | |||
+ | >>> | ||
+ | |||
+ | ===== Tables ===== | ||
+ | |||
+ | DokuWiki supports a simple syntax to create tables. | ||
+ | |||
+ | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
+ | | Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 | | ||
+ | | Row 2 Col 1 | some colspan (note the double pipe) || | ||
+ | | Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 | | ||
+ | |||
+ | Table rows have to start and end with a '' | ||
+ | |||
+ | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
+ | | Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 | | ||
+ | | Row 2 Col 1 | some colspan (note the double pipe) || | ||
+ | | Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 | | ||
+ | |||
+ | To connect cells horizontally, | ||
+ | |||
+ | Vertical tableheaders are possible, too. | ||
+ | |||
+ | | ^ Heading 1 ^ Heading 2 ^ | ||
+ | ^ Heading 3 | Row 1 Col 2 | Row 1 Col 3 | | ||
+ | ^ Heading 4 | no colspan this time | | | ||
+ | ^ Heading 5 | Row 2 Col 2 | Row 2 Col 3 | | ||
+ | |||
+ | As you can see, it's the cell separator before a cell which decides about the formatting: | ||
+ | |||
+ | | ^ Heading 1 ^ Heading 2 ^ | ||
+ | ^ Heading 3 | Row 1 Col 2 | Row 1 Col 3 | | ||
+ | ^ Heading 4 | no colspan this time | | | ||
+ | ^ Heading 5 | Row 2 Col 2 | Row 2 Col 3 | | ||
+ | |||
+ | You can have rowspans (vertically connected cells) by adding '' | ||
+ | |||
+ | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
+ | | Row 1 Col 1 | this cell spans vertically | Row 1 Col 3 | | ||
+ | | Row 2 Col 1 | ::: | Row 2 Col 3 | | ||
+ | | Row 3 Col 1 | ::: | Row 2 Col 3 | | ||
+ | |||
+ | Apart from the rowspan syntax those cells should not contain anything else. | ||
+ | |||
+ | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
+ | | Row 1 Col 1 | this cell spans vertically | Row 1 Col 3 | | ||
+ | | Row 2 Col 1 | ::: | Row 2 Col 3 | | ||
+ | | Row 3 Col 1 | ::: | Row 2 Col 3 | | ||
+ | |||
+ | You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text. | ||
+ | |||
+ | ^ Table with alignment | ||
+ | | | ||
+ | |left | | ||
+ | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx | | ||
+ | |||
+ | This is how it looks in the source: | ||
+ | |||
+ | ^ Table with alignment | ||
+ | | | ||
+ | |left | | ||
+ | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx | | ||
+ | |||
+ | Note: Vertical alignment is not supported. | ||
+ | |||
+ | ===== No Formatting ===== | ||
+ | |||
+ | If you need to display text exactly like it is typed (without any formatting), | ||
+ | |||
+ | < | ||
+ | This is some text which contains addresses like this: http:// | ||
+ | </ | ||
+ | The same is true for %%// | ||
+ | |||
+ | < | ||
+ | This is some text which contains addresses like this: http:// | ||
+ | </ | ||
+ | The same is true for %%// | ||
+ | |||
+ | |||
+ | ===== Embedding HTML and PHP ===== | ||
+ | |||
+ | You can embed raw HTML or PHP code into your documents by using the '' | ||
+ | |||
+ | HTML example: | ||
+ | |||
+ | < | ||
+ | < | ||
+ | This is some <span style=" | ||
+ | </ | ||
+ | < | ||
+ | <p style=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | This is some <span style=" | ||
+ | </ | ||
+ | < | ||
+ | <p style=" | ||
+ | </ | ||
+ | |||
+ | PHP example: | ||
+ | |||
+ | < | ||
+ | <php> | ||
+ | echo 'The PHP version: '; | ||
+ | echo phpversion(); | ||
+ | echo ' (generated inline HTML)'; | ||
+ | </ | ||
+ | <PHP> | ||
+ | echo '< | ||
+ | echo '< | ||
+ | echo '</ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <php> | ||
+ | echo 'The PHP version: '; | ||
+ | echo phpversion(); | ||
+ | echo ' (inline HTML)'; | ||
+ | </ | ||
+ | <PHP> | ||
+ | echo '< | ||
+ | echo '< | ||
+ | echo '</ | ||
+ | </ | ||
+ | |||
+ | **Please Note**: HTML and PHP embedding is disabled by default in the configuration. If disabled, the code is displayed instead of executed. | ||
+ | |||
+ | ===== RSS/ATOM Feed Aggregation ===== | ||
+ | [[DokuWiki]] can integrate data from external XML feeds. For parsing the XML feeds, [[http:// | ||
+ | |||
+ | ^ Parameter | ||
+ | | any number | will be used as maximum number items to show, defaults to 8 | | ||
+ | | reverse | ||
+ | | author | ||
+ | | date | show item dates | | ||
+ | | description| show the item description. If [[doku> | ||
+ | | nosort | ||
+ | | //n//[dhm] | refresh period, where d=days, h=hours, m=minutes. (e.g. 12h = 12 hours). | | ||
+ | |||
+ | The refresh period defaults to 4 hours. Any value below 10 minutes will be treated as 10 minutes. [[wiki: | ||
+ | |||
+ | By default the feed will be sorted by date, newest items first. You can sort it by oldest first using the '' | ||
+ | |||
+ | **Example: | ||
+ | |||
+ | {{rss> | ||
+ | |||
+ | {{rss> | ||
+ | |||
+ | |||
+ | ===== Control Macros ===== | ||
+ | |||
+ | Some syntax influences how DokuWiki renders a page without creating any output it self. The following control macros are availble: | ||
+ | |||
+ | ^ Macro ^ Description | | ||
+ | | %%~~NOTOC~~%% | ||
+ | | %%~~NOCACHE~~%% | DokuWiki caches all output by default. Sometimes this might not be wanted (eg. when the %%< | ||
+ | |||
+ | ===== Syntax Plugins ===== | ||
+ | |||
+ | DokuWiki' | ||
+ | |||
+ | ~~INFO: | ||
+ | |||
+ | |||
+ | ===== Math equations ===== | ||
+ | |||
+ | Matikkaa voi lisätä LaTeX-koodilla lisäämällä koodi $-merkkien sisään. Esimerkiksi | ||
+ | < | ||
+ | näkyy valmiina ${V_{kok}=8{, | ||
+ | |||
+ | LaTeX-koodia voi tehdä helposti esim. Abitti-editorilla: | ||
+ | |||
+ | ===== Bootstrapper plugin ===== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | Esimerkkejä: | ||
+ | |||
+ | |||
+ | |||
+ | ====== Examples for the Wrap Plugin ====== | ||
+ | |||
+ | ===== Basic syntax ===== | ||
+ | |||
+ | An uppercase **%%< | ||
+ | |||
+ | <WRAP classes width : | ||
+ | " | ||
+ | </ | ||
+ | | ||
+ | or | ||
+ | <block classes width : | ||
+ | " | ||
+ | </ | ||
+ | | ||
+ | or | ||
+ | <div classes width : | ||
+ | " | ||
+ | </ | ||
+ | |||
+ | A lowercase **%%< | ||
+ | |||
+ | <wrap classes width : | ||
+ | | ||
+ | or | ||
+ | <inline classes width : | ||
+ | | ||
+ | or | ||
+ | <span classes width : | ||
+ | |||
+ | :!: Please note, some things **won' | ||
+ | * **alignments** (including alignments generated by changing the text direction) | ||
+ | * **multi-columns** | ||
+ | * and **widths** | ||
+ | if the according wrap isn't floated as well. | ||
+ | |||
+ | |||
+ | ===== Classes and Styles ===== | ||
+ | |||
+ | |||
+ | ==== Columns and Floats ==== | ||
+ | |||
+ | You can have columns easily by adding the class '' | ||
+ | <WRAP column 30%> | ||
+ | |||
+ | <WRAP column 30%> | ||
+ | // | ||
+ | |||
+ | You can emulate a big headline with italic, bold and underlined text, e.g. | ||
+ | < | ||
+ | |||
+ | // | ||
+ | |||
+ | A smaller headline uses no underlining, | ||
+ | < | ||
+ | |||
+ | If you need text that is bold and italic, simply use it the other way around: | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | <WRAP column 30%> | ||
+ | // | ||
+ | |||
+ | Normally you would only need the class '' | ||
+ | |||
+ | * **'' | ||
+ | * **'' | ||
+ | * **'' | ||
+ | * **'' | ||
+ | |||
+ | </ | ||
+ | |||
+ | <WRAP column 30%> | ||
+ | // | ||
+ | |||
+ | You can set any valid widths (but only on divs): '' | ||
+ | |||
+ | ^type^e.g.^note^ | ||
+ | ^'' | ||
+ | ^'' | ||
+ | ^'' | ||
+ | |||
+ | A **table** inside a column or box will always be **100% wide**. This makes positioning and sizing tables possible. | ||
+ | |||
+ | </ | ||
+ | |||
+ | <wrap em>After using any of the float classes, you might come across something like this, where the following text protrudes into the space where only the floating containers should be ...</ | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | ... to prevent that, you should simply add | ||
+ | <WRAP clear></ | ||
+ | after your last column. | ||
+ | |||
+ | You **can** use the same options with spans (as each element that floats is automatically a block level element), but it probably doesn' | ||
+ | |||
+ | :!: Attention: Widths can cause problems and will often look different and break in some browsers. If you're not a web developer, you might not understand any problems regarding the [[http:// | ||
+ | |||
+ | All of those options will also work in the [[#boxes and notes]] wraps (see below). | ||
+ | |||
+ | === Multi-columns === | ||
+ | |||
+ | <WRAP col3> | ||
+ | For modern browsers (Firefox, Chrome and Safari) you can use multi-columns. Just use **'' | ||
+ | |||
+ | :!: Note: Multi-columns don't make sense for spans. | ||
+ | </ | ||
+ | |||
+ | |||
+ | ==== Alignments ==== | ||
+ | |||
+ | You can use these different text alignments: | ||
+ | |||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | <WRAP centeralign> | ||
+ | Center aligned text ... | ||
+ | </ | ||
+ | |||
+ | <WRAP rightalign> | ||
+ | ... and right aligned. | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <WRAP centeralign> | ||
+ | Center aligned text ... | ||
+ | </ | ||
+ | |||
+ | <WRAP rightalign> | ||
+ | ... and right aligned. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | :!: You cannot add alignments to spans. | ||
+ | |||
+ | |||
+ | ==== Boxes and Notes ==== | ||
+ | |||
+ | <WRAP round box 570px center> | ||
+ | //**__round box 570px center__**// | ||
+ | |||
+ | * '' | ||
+ | * any of the classes '' | ||
+ | * the classes '' | ||
+ | * '' | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP info 220px left> | ||
+ | // | ||
+ | <WRAP info></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP tip 220px left> | ||
+ | //**Tip**// | ||
+ | <WRAP tip></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP important 220px left> | ||
+ | // | ||
+ | <WRAP important></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP alert 220px left> | ||
+ | // | ||
+ | <WRAP alert></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP round help 220px left> | ||
+ | // | ||
+ | <WRAP round help></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP download 220px left> | ||
+ | // | ||
+ | <WRAP download></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP todo 220px left> | ||
+ | // | ||
+ | <WRAP todo></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | |||
+ | **Safety Notes:** | ||
+ | |||
+ | <WRAP danger 27% left> | ||
+ | // | ||
+ | <WRAP danger></ | ||
+ | </ | ||
+ | |||
+ | <WRAP warning 27% left> | ||
+ | // | ||
+ | <WRAP warning></ | ||
+ | </ | ||
+ | |||
+ | <WRAP caution 27% left> | ||
+ | // | ||
+ | <WRAP caution></ | ||
+ | </ | ||
+ | |||
+ | <WRAP round notice 27% left> | ||
+ | // | ||
+ | <WRAP round notice></ | ||
+ | </ | ||
+ | |||
+ | <WRAP round safety 27% left> | ||
+ | // | ||
+ | <WRAP round safety></ | ||
+ | </ | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | |||
+ | You can use notes and boxes also inside text with spans like this: | ||
+ | <wrap info> | ||
+ | <wrap info> | ||
+ | |||
+ | ==== Marks ==== | ||
+ | |||
+ | You can mark text as <wrap hi> | ||
+ | |||
+ | You can mark text as <wrap hi> | ||
+ | |||
+ | :!: This might look ugly in some templates and should be adjusted accordingly. | ||
+ | |||
+ | ==== Miscellaneous ==== | ||
+ | |||
+ | === Indent === | ||
+ | |||
+ | <wrap indent> | ||
+ | |||
+ | <wrap indent> | ||
+ | |||
+ | === Outdent === | ||
+ | |||
+ | <wrap outdent> | ||
+ | |||
+ | <wrap outdent> | ||
+ | |||
+ | === Prewrap === | ||
+ | |||
+ | <WRAP prewrap 250px> | ||
+ | < | ||
+ | Inside this code block the words will wrap to a new line although they are all in one line. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <WRAP prewrap 250px> | ||
+ | < | ||
+ | Inside this code block the words will wrap to a new line although they are all in one line. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === Spoiler === | ||
+ | |||
+ | Here follows a spoiler: <wrap spoiler> | ||
+ | |||
+ | Here follows a spoiler: <wrap spoiler> | ||
+ | |||
+ | Just select the text in the spoiler box to be able to read its content. | ||
+ | |||
+ | === Hide === | ||
+ | |||
+ | The following text is hidden: <wrap hide> | ||
+ | |||
+ | The following text is hidden: <wrap hide> | ||
+ | |||
+ | :!: Warning: The text will still appear in the source code, in non-modern browsers and is searchable. Do not hide any security risky secrets with it! | ||
+ | |||
+ | === Pagebreak === | ||
+ | |||
+ | The following will add a pagebreak: <WRAP pagebreak></ | ||
+ | |||
+ | The following will add a pagebreak: <WRAP pagebreak></ | ||
+ | |||
+ | This has no effect on the browser screen. A [[http:// | ||
+ | |||
+ | === Nopagebreak === | ||
+ | |||
+ | The following will try to avoid a pagebreak: <WRAP nopagebreak> | ||
+ | |||
+ | The following will try to avoid a pagebreak: <WRAP nopagebreak> | ||
+ | |||
+ | This also has no effect on the browser screen. It will try to [[http:// | ||
+ | |||
+ | === Noprint === | ||
+ | |||
+ | <wrap noprint> | ||
+ | |||
+ | <wrap noprint> | ||
+ | |||
+ | === Onlyprint === | ||
+ | |||
+ | <wrap onlyprint> | ||
+ | |||
+ | <wrap onlyprint> | ||
+ | |||
+ | ==== Typography ==== | ||
+ | |||
+ | I advice against using the following typography classes. It's better to create semantic classes that reflect their meaning instead. | ||
+ | |||
+ | * font family: '' | ||
+ | * font size: '' | ||
+ | * font colour: '' | ||
+ | * background colour: '' | ||
+ | |||
+ | |||
+ | ==== Combining and Nesting ==== | ||
+ | |||
+ | You can combine and nest all classes and types of boxes, e.g. | ||
+ | |||
+ | <WRAP box bggreen fgblack 350px right :en> | ||
+ | //**__Outer green box floats right__**// | ||
+ | |||
+ | <WRAP 165px left> | ||
+ | Inner nested box floats left and is partly <wrap em hi> | ||
+ | </ | ||
+ | |||
+ | Text inside outer right box, but beneath inner left box. | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | <WRAP round tip> | ||
+ | Round tip box underneath, after a '' | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | < | ||
+ | <WRAP box bggreen fgblack 350px right :en> | ||
+ | //**__Outer green box floats right__**// | ||
+ | |||
+ | <WRAP 165px left> | ||
+ | Inner nested box floats left and is partly <wrap em hi> | ||
+ | </ | ||
+ | |||
+ | Text inside outer right box, but beneath inner left box. | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | <WRAP round tip> | ||
+ | Round tip box underneath, after a '' | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== Language and Text Direction ===== | ||
+ | |||
+ | You can change the language and the reading direction of a wrap container by simply adding a colon followed by the language code, like this: | ||
+ | |||
+ | < | ||
+ | <WRAP :he> | ||
+ | זה עברית. ((<wrap :en>This means "This is Hebrew.", | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <WRAP :he> | ||
+ | זה עברית. ((<wrap :en>This means "This is Hebrew.", | ||
+ | </ | ||
+ | |||
+ | The text direction ('' | ||
+ | (If you specify a language not listed there, it simply won't do anything.) |