FORMAT-VORLAGEN - WRAP-Beispiele: Text

Dokuwiki

Font-Style

DokuWiki supports bold, italic, underlined and monospaced texts. Of course you can combine all these.

DokuWiki supports **bold**, //italic//, __underlined__ and ''monospaced'' texts.
Of course you can **__//''combine''//__** all these.

You can use subscript and superscript, too.

You can use <sub>subscript</sub> and <sup>superscript</sup>, too.

You can mark something as deleted as well.

You can mark something as <del>deleted</del> as well.

Paragraph & LineBreak

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.

Bootstrap - Diverse

You should use forced newlines only if really needed.

This syntax have two version (lowercase and uppercase).
  The lowercase version <text> create a inline element (eg. <span>).
  The uppercase version <TEXT> create a block element (eg. <div>).

See the samples.

Size

Easily resize text. medium xx-small x-small small large x-large xx-large smaller larger length (%, em, px, etc.)

xx-small.

x-small.

small.

smaller.

medium.

large.

larger.

x-large.

xx-large.

length (%, em, px, etc.)

<TEXT size="xx-small">xx-small.</TEXT>
<TEXT size=="x-small">x-small.</TEXT>
<TEXT size=="small">small.</TEXT>
<TEXT size=="smaller">smaller.</TEXT>
<TEXT size=="medium">medium.</TEXT>
<TEXT size=="large">large.</TEXT>
<TEXT size=="larger">larger.</TEXT>
<TEXT size=="x-large">x-large.</TEXT>
<TEXT size="xx-large">xx-large.</TEXT>
<TEXT size="18px">length (%, em, px, etc.)</TEXT>

Alignment

Easily realign text to components with text alignment attribute.

Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.

<TEXT align="left">Left aligned text.</TEXT>
<TEXT align="center">Center aligned text.</TEXT>
<TEXT align="right">Right aligned text.</TEXT>
<TEXT align="justify">Justified text.</TEXT>
<TEXT align="nowrap">No wrap text.</TEXT>

Transformation

Transform text in components with text capitalization attribute.

Lowercased text.

Uppercased text.

Capitalized text.

<text transform="lowercase">Lowercased text.</text>

<text transform="uppercase">Uppercased text.</text>

<text transform="capitalize">Capitalized text.</text>

Contextual colors

Convey meaning through color with a handful of emphasis utility attributes. These may also be applied to links and will darken on hover just like our default link styles.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

<text type="muted"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text> 
<text type="primary"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>
<text type="success"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>
<text type="info">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</text>
<text type="warning"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>
<text type="danger"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>

Contextual backgrounds

Similar to the contextual text color attributes, easily set the background of an element to any contextual attribute. Anchor components will darken on hover, just like the text attributes.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

<text background="primary"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>
<text background="success"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>
<text background="info"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>
<text background="warning"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>
<text background="danger"> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh. </text>

Options

Attribute Allowed Values Description
align left right center, justify nowrap Text align
background primary success info warning danger Contextual background of text
size medium xx-small x-small small large x-large xx-large smaller larger length (%, em, px, etc.) Text sizes
transform lowercase uppercase capitalize Text transformation
type muted primary success info warning danger Contextual color of text