/* New Plug-in Syntax */

=====TYPOGRAPHY=====

https://www.dokuwiki.org/plugin:typography

=== Feature ===

The Typography plugin extends DokuWiki markup by adding typesetting abilities. The ''%%<typo>%%'' markup tag specifies CSS font properties such as font face, size, weight, and color of text.
The parameter consists of CSS property-value pairs (''property: value;''), each pair must be separated by a semicolon ('';''), however the last one may be omitted. You can use abbreviated **short name** instead of full property name.

Some specific **short name** are also available as markup tag; ''%%<ff>%%'' (font familiy/name), ''%%<fs>%%'' (size), ''%%<fc>%%'' (color), ''%%<bg>%%'' (background-color), ''%%<fw>%%'' (weight).


^  short name  ^ css property name  ^ description                                                                                               ^
|  ''fc''      | color              | color of text                                                                                             |
|  ''bg''      | background-color   | background color of text                                                                                  |
|  ''fs''      | font-size          | font size of text (large or small)                                                                        |
|  ''fw''      | font-weight        | weight of a font (thick or thin characters in text)                                                       |
|  ''fv''      | font-variant       | display text in a small-caps font                                                                         |
|  ''ff''      | font-family        | font family for text, must be single quoted if a font name contains white-space and non-ASCII characters  |
|  ''lh''      | line-height        | space between the lines                                                                                   |
|  ''ls''      | letter-spacing     | an extra space between characters  (in px, em, etc)                                                       |
|  ''ws''      | word-spacing       | an additional space between words (in px, em, etc)                                                        |
|  ''sp''      | white-space        | specifies how white-space is handled (preserve or collapse)                                               |
|  ''va''      | vertical-align     | sets the vertical alignment                                                                               |
|  -           | text-transform     | controls the capitalization of text (capitalize, uppercase or lowercase)                                  |
|  -           | text-shadow        | adds shadow to text                                                                                       |
|  ''wf''      | (web-font)         | specify a web font class which prefixed "wf-"                                                             |

Sometimes, inline styles are necessary when you are building a page by hand. You should however avoid them whenever possible for "semantic markup", better maintainability, and reusability. The 'WRAP' plugin will provide most powerful and flexible method for specifying a class attribute.

=== Using short syntax with Toolbar menu ===

The Typography plugin provides a short name (or single property) syntax. This short syntax is available through toolbar icons: {{https://raw.githubusercontent.com/ssahara/dw-plugin-typography/master/images/fontfamily/picker.png?recache|fontfamily/picker}} {{https://raw.githubusercontent.com/ssahara/dw-plugin-typography/master/images/fontcolor/picker.png?recache|fontcolor/picker}} {{https://raw.githubusercontent.com/ssahara/dw-plugin-typography/master/images/fontsize/picker.png?recache|fontsize/picker}}.

<typo font-size:large;>Large</typo>, 
<typo fs:x-large>Very large</typo>, 
<fs:xx-large>Huge</fs>, and 
<fs smaller>smaller</fs> size text

<typo fs:larger; fw:bold; ff:serif>Bold serif</typo>, 
<fs:large; fv:small-caps>Small-caps</fs> text


=====COMMENT===== 

https://www.dokuwiki.org/plugin:commentsyntax

see source script for simple examples

/* This is a comment */
/* This is 
a multi-line
comment */