Text - nomadjimbob/mikioplugin GitHub Wiki

Adds customised text to your DokuWiki page.

Example Syntax

<text>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>

Color

The colorful flowers bloomed <text color="red">vibrantly in the lush garden</text> under the warm, golden sun.
The colorful flowers bloomed <text color="blue">vibrantly in the lush garden</text> under the warm, golden sun.
The colorful flowers bloomed <text color="#ff0">vibrantly in the lush garden</text> under the warm, golden sun.
The colorful flowers bloomed <text color="#e59c09">vibrantly in the lush garden</text> under the warm, golden sun.

Size

<text size=2>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text size=1.5rem>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text size=14px>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>

Weight

<text weight=normal>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text weight=bold>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text weight=bolder>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text weight=500>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>

Line Height

<text line-height=1>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text line-height=2>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>

Background Color

The colorful flowers bloomed <text background-color=orange>vibrantly</text> in the lush garden under the warm, golden sun.

Text Decoration

<text text-decoration=underline>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text text-decoration=overline>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text text-decoration=line-through>The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>
<text text-decoration="underline red double 5px">The colorful flowers bloomed vibrantly in the lush garden under the warm, golden sun.</text>

Attributes

block: Sets the button to be block level (full width)
color: Sets the text color (color name or hex)
size: Sets the text size (in px, em, rem or %)
weight: Sets the text weight (normal, bold, bolder or number thickness)
background-color: Sets the text background color (color name or hex)
line-height: Sets the text line height
text-decoration: Applies text decoration to the element