ez GUI

ezHTML is a transformer of document editor, it will transform the code to be a pretty HTML.

# The title of article

#h2 Simple HTML Tag

#p Start at 0, add `1000` for style attribute, add 100 for each ID, add 10 for each attribute, class or pseudo-class, add 1 for each element name or pseudo-element. So in the specificity value below would be 122 (0,1,2,2 or 0122): 100 for <code>#content</code>, 10 for .data, 10 for :hover, 1 for http://aaa.bbb/ccc.html body and 1 for img.

#p[alt=test] test

## Table
| *Chrome | *Firefox | *IE    |
| Yes     | Yes      | IE6+   |

## Image

#img[100,200,alt=test, title="the title", link="me", target="this"] ../data/HTML.png#

## Image with content, and arrange image to the left side.

#img[left,200,100,link="https://www.yahoo.com.tw/"] ../data/HTML.png#
#div Start at 0, add 1000 for style attribute, add 100 for each ID, add 10 for each attribute, class or pseudo-class, add 1 for each element name or pseudo-element. So in the specificity value below would be 122 (0,1,2,2 or 0122): 100 for #content, 10 for .data, 10 for :hover, 1 for body and 1 for img.
#div content
#span xxx
#imgEnd#

#div -----------------------------------------

## Image is in the right side.

#img[200,100, right] ../data/HTML.png#
#div Start at 0, add 1000 for style attribute, add 100 for each ID, add 10 for each attribute, class or pseudo-class, add 1 for each element name or pseudo-element. So in the specificity value below would be 122 (0,1,2,2 or 0122): 100 for #content, 10 for .data, 10 for :hover, 1 for body and 1 for img.
#span xxx
#imgEnd#

## List.

* 註冊Yahoo API
  * 你必需先到 https://developer.apps.yahoo.com/projects 註冊一個Project
* 使用者登入，並取得 Token
* 判定Response是否正確
* Get WSSID and Cookie

## Flow
#p Simple Arrow Flow:  ##flow[arrow] A->B->C

#h2 Notice
#div[notice,label="Notice"] Start at 0, add 1000 for style attribute, add 100 fo...
#div[notice,label="Notice"] Start at 0, add 1000 for style attribute, add 100 fo...
#div content

#h2 Show PHP/CSS/JS/C++ Code
#code[js]#
var b="faw";
var c="fawf";
function test(){
    var gseg="gseg";
    var gseg="gseg";
}
#codeEnd#

```js
var b="code as markdown";
var c="js";
function test(){
    var gseg="gseg";
    var gseg="gseg";
}

```

```term
echo "code as markdown"
echo "term"

```

#code[php]#
<?php
$test = "aaaa";
function test($b) {
    $b++;
    $c = "s";
    return $c;
}
function getHeader($socket) {

$revHeader = getResponse($socket, 5);
    $b1 = substr($revHeader, 0, 1);
    $type = hexdec(bin2hex($b1));
    $b2 = substr($revHeader, 1, 2);
    $version = bin2hex($b2);
    $b3 = substr($revHeader, 3, 2);
    $length = hexdec(bin2hex($b3));
    return array(
        "type" => $type,
        "length" => $length,
        "version" => $version,
    );
}
?>

#codeEnd#

## HTML
#html#
<div style = "color: #a00;"> red color</div>
#htmlEnd#

## Quote
#q quote content
<br />

## quote info 2
  #q quote content

#h2 demo
#demo[popup,200,500] ezHTML_main.js

#h2 demo open url in _blank
#demo[target="_blank"] ezHTML_main.js 點我測試

#h2 demo open url in self
#demo ezHTML_main.js

#iframe[100%,140,link=me] ezHTML_main.js

#div aaa