[lead_define]
[tit] @= <span style="font-size: 20pt; font-weight: bold;">
[/tit] @= </span>
[h1] @= <span style="font-size: 16pt; color: green;">
[/h1] @= </span>
[title1] @= <span style="font-size: 20pt; text-shadow: 0px 0px 3px #FF0000;">
[/title1] @= </span>
[hello1][/hello1] @= Just say hello.
[span_fake1] @= lt;span
[span_fake2] @= lt;/span&
[/lead_define][tit]minicode (variant of BBCode) - easy editing HTML[/tit]

[h1]Introduction:[/h1]

minicode is a lightweight markup language for [url]https://github.com/endrollex/miniroll[miniroll[/url] easy editing, learn from [url]https://www.phpbb.com/community/faq.php?mode=bbcode[BBCode[/url].
The tags are indicated by square brackets [ ] surrounding a keyword.
It is designed for Blog, thus let through unsafe HTML like <script>.[abst][/abst]

[h1]Syntax:[/h1]
[html]<ol><li>The minicode cannot nest:
<pre style="background-color: #D3D3D3;">[url]http://goo.gl/[/url] OK
[b][url]http://goo.gl/[/url][/b] This expression is ERROR!!!
</pre>Because nest will be complex.
In this situation, you can use HTML directly or use [lead_define].<br/><br/></li>
<li>Difference between minicode and BBCode:
<pre style="background-color: #D3D3D3;">[url]http://php.net/docs.php[PHP Manual[/url]
[color]#B22222]FireBrick[/color]
</pre>Note the tag option is close to the [tag] with a sigle square bracket:<br/>
[tag]option]...[/tag], or [tag]...[option[/tag]<br/>
Position of tag option depends on the implemented HTML sentence.<br/>
Do not add newline in the tag option of a minicode, it will be failed.
</li></ol>[/html][h1]Keywords and Usage:[/h1]
[html]<ol><li>
<pre style="background-color: #D3D3D3;">[code]
while (ivec.size() != ivec.capacity())
	ivec.push_back(0);
[/code]</pre>
[/html]# Preformatted text for code:
[code]
while (ivec.size() != ivec.capacity())
	ivec.push_back(0);
[/code]
[html]</li><li>
<pre style="background-color: #D3D3D3;">[output]Reply from 74.125.128.100: bytes=32 time=266ms TTL=37[/output]</pre>
[/html]# Preformatted text for code with output style:
[output]Reply from 74.125.128.100: bytes=32 time=266ms TTL=37[/output]
[html]</li><li>
<pre style="background-color: #D3D3D3;">[img]http://bits.wikimedia.org/images/wikimedia-button.png[/img]
[img]twitter-bird]http://www.w3.org/2008/site/images/twitter-bird[/img]</pre>
[/html]# To insert an image:
[img]wikimedia-button]http://www.endrollex.com/upload/img/icon/manual/wikimedia-button.png[/img]
[img]twitter-bird]http://www.endrollex.com/upload/img/icon/manual/twitter-bird.png[/img]

# The first expression omited the parameter for alt attribute.
# It will be automatically converted to second expression with filename, or you can manually add.

[html]</li><li>
<pre style="background-color: #D3D3D3;">
[url]http://www.w3school.com.cn/[/url]
[url]http://www.w3school.com.cn/[W3School[/url]</pre>
[/html]# A link to one page:
[url]http://www.w3school.com.cn/[/url]
[url]http://www.w3school.com.cn/[W3School[/url]

# The second expression assigned a description text.

[html]</li><li>
<pre style="background-color: #D3D3D3;">
[color]orange]Its name from the orange fruit.[/color]
[color]#6495ED]Cornflower blue, a shade of azure[/color]
[b]Bolded Text[/b]
[small]Small Text[/small]</pre>
[/html]# Color a part of a text or change font:
[color]orange]Its name from the orange fruit.[/color]
[color]#6495ED]Cornflower blue, a shade of azure[/color]
[b]Bolded Text[/b]
[small]Small Text[/small]

[html]</li><li>
<pre style="background-color: #D3D3D3;">
[last][/last]</pre>
[/html]# Last modified date:
[last][/last]

# This page initially completed on 2013-09-02.

[html]</li><li>
<pre style="background-color: #D3D3D3;">[/html][h]span][[/h]html][html]<br/>[/html]<script type="text/javascript">[html]<br/>[/html]document.write("Test!");[html]<br/>[/html]</script><br/>Newline here![html]<br/>[/html][h]span][[/h]/html][html]</pre>
[/html]# HTML retain:
[html]
<script type="text/javascript">
document.write("Test!");
</script><br/>Newline here!
[/html]

# This expression will retain all HTML tags and javascript.
# But one except: <br />, <br /> will be losted by second edit because of PHP function nl2br().
# To retain newline tag, use <br/> instead.

[html]</li><li>
<pre style="background-color: #D3D3D3;">
[h]h4]This is heading 4[/h]y[h]sup]4[/h]
C[h]sub]hex[/h], ...</pre>
[/html]# For some plain symmetrical HTML tags:
[h]h4]This is heading 4[/h]y[h]sup]4[/h]
C[h]sub]hex[/h], ...

[html]</li><li>
<pre style="background-color: #D3D3D3;">
[lead_define]
[title] @= <span style="font-size: 20pt; text-shadow: 0px 0px 3px #FF0000;">
[/title] @= </span>
[hello][/hello] @= Just say hello.
[/lead_define][title]My Title[/title]
[hello][/hello]
</pre>
[/html]# Define hot minicode in a post.
# You can define several minicode, but all need to be in one [lead_define].

[title1]My Title[/title1]
[hello1][/hello1]

[html]</li><li>
<pre style="background-color: #D3D3D3;">
[abst][/abst]</pre>
[/html]# Indicate the end of abstract:
# miniroll can not generate an abstract automatically.
# You need use this tag that make a front part of a journal become an abstract.
[html]</li></ol>[/html][h1]Typesetting Guild:[/h1]
[html]<ol><li>
<pre style="background-color: #D3D3D3;">[/html][h]span][[/h]html][html]<br/>[/html]<img style="float: left; margin-right: 10px; margin-bottom: 10px;"[html]<br/>[/html]src="http://www.ietf.org/images/isoc_logo.gif" alt="" />[html]<br/>[/html][h]span][[/h]/html][html]The quick brown fox jumps over the lazy dog.
...</pre>
[/html]# Image float left:
[html]
<img style="float: left; margin-right: 10px; margin-bottom: 10px;"
src="http://www.endrollex.com/upload/img/icon/manual/isoc_logo.gif" alt="" />
[/html]The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.

[html]</li><li>
<pre style="background-color: #D3D3D3;">[/html][h]span][[/h]html]<div style="float: left; margin-right: 10px; margin-bottom: 10px;">[html]<br/>[/html][h]span][[/h]/html][h]span][[/h]img]http://tools.ietf.org/images/ietflogo3h.png[h]span][[/h]/img][html]<br/>[/html][h]span][[/h]html]<a class="m4_style" style="font-size: 12px;" target="_blank"[html]<br/>[/html]href="http://tools.ietf.org/tools/rfcmarkup/">Rfcmarkup Tool</a></div>[h]span][[/h]/html][html]...</pre>
[/html]# Div float left with Link:
[html]<div style="float: left; margin-right: 10px; margin-bottom: 10px;">
[/html][img]ietflogo3h]http://www.endrollex.com/upload/img/icon/manual/ietflogo3h.png[/img]
[html]<a class="m4_style" style="font-size: 12px;" target="_blank"
href="http://tools.ietf.org/tools/rfcmarkup/">Rfcmarkup Tool</a></div>[/html]The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.

[html]</li></ol><div></div>[/html][h1]Note:[/h1]
[html]<ol><li>[/html]If the sentences are too complex, check them by [url]http://validator.w3.org/[W3C Markup Validator[/url].
[html]</li><li>[/html]Block elements or margin may cause line spacing too large, delete a newline according to the situation.
[html]</li></ol>[/html][h1]Mechanism:[/h1]

Mechanism of minicode is base on "Search and Replace", the process is reversible and very simply.
It abbreviated commonly-used HTML tags to short keywords, the article can mix HTML.
The implemented HTML may contain a little comment markup <!-- -->, intend for reversion.
Some keywords of minicode depends CSS, the [url]https://github.com/endrollex/miniroll/blob/master/htmindex.css[default CSS[/url] provided to show the predefined style.
For this page process: [url]http://endrollex.com/font/minicode_manual_m.txt[minicode[/url] -> [url]http://endrollex.com/font/minicode_manual.txt[HTML article[/url] -> this page (Encapsulated)