master

Branches (1)

Manage

Manage

master

calligraphy
/
index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="css/zitie.css" />
    <link rel="stylesheet" href="fonts/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="js/lib/jquery-colpick/css/colpick.css">
    <script src="js/lib/jquery/dist/jquery.min.js"></script>
    <script src="js/lib/jquery-colpick/js/colpick.js"></script>
    <script src='js/lib/pdfmake/build/pdfmake.hack.js'></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script src="fonts/fonts.js"></script>
    <script src="js/articles.js"></script>
    <script type="text/javascript" src="js/zitie.js"></script>
    <script src='js/ui.js'></script>
</head>

<body class="body">
    <!--用於動態添加字體-->
    <div id="jsContainer"></div>
    <div id="cssContainer"></div>

    <div id="top-bar">
        <div id="top-bar-Buttons">
            <i class='topbarButton iconfont icon-category' id='controlPanelSwitch' onclick="switchControlPanel()"></i>
            <input id='downloadBtn' class='topbarButton' value="下載" type="button" onclick="downloadClick()" />
            <input id='printBtn' class='topbarButton' value="打印" type="button" onclick="printClick()" />
            <input id='aboutBtn' class='topbarButton' value="關於" type="button" onclick="onClick(this)" />
        </div>
    </div>

    <div id="preview-container">
        <div id="pages">
        </div>
    </div>
    <div id="edit-container">
        <textarea id="textInput" class="traditionalCh"></textarea>
    </div>
    </div>
    <div id="controlPanel" style='display:none'>
        <div style="display: table;width:100%;height:100%;">
            <div style="display:table-cell;vertical-align:middle">
                <form onsubmit="return false;">
                    <table class='settingTable'>
                        字
                        <tr>
                            <td>字體：</td>
                            <td>
                                <select id='fontSelect'>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>大小：</td>
                            <td>
                                <input id='input-fontSize' type="number" step='0.1'> </td>
                        </tr>
                        <tr>
                            <td>顏色：</td>
                            <td>
                                <button class='colpickBtn' id='charColPicker' onclick='selectFontColor()' type="button">&emsp;&emsp;</button>
                            </td>
                        </tr>
                    </table>
                    <table class='settingTable'>
                        佈局
                        <tr><td>行</td><td><input id='input-hang' type="number" step='1'/></td></tr>
                        <tr><td>列</td><td><input id='input-lie' type="number" step='1'/></td></tr>
                        <tr>
                            <td>上邊距：</td>
                            <td>
                                <input id='input-paddingU' type="number" step='0.1'>
                            </td>
                        </tr>
                        <tr>
                            <td>下邊距：</td>
                            <td>
                                <input id='input-paddingD' type="number" step='0.1'>
                            </td>
                        </tr>
                        <tr>
                            <td>左邊距：</td>
                            <td>
                                <input id="input-paddingL" type="number" step='0.1'>
                            </td>
                        </tr>
                        <tr>
                            <td>右邊距：</td>
                            <td>
                                <input id="input-paddingR" type="number" step='0.1'>
                            </td>
                        </tr>
                        <tr>
                            <td>裝訂線：</td>
                            <td>
                                <input id="input-binding" type="number" step='0.1'>
                            </td>
                        </tr>
                        <!-- <tr>
                         <td>紙張大小：</td>
                            <td>
                                <select id='paperSelect' onchange='refresh()'>
                                    <option value="a4">A4</option>
                                    <option value="a5">A5</option>
                                </select>
                            </td>
                        </tr>-->
                        <tr>
                            <td>線顏色：</td>
                            <td>
                                <button class='colpickBtn' id='lineColPicker' onclick='selectLineColor()' type="button">&emsp;&emsp;</button>
                            </td>
                        </tr>
                    </table>
                    各項長度單位均為釐米
                </form>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    uiInit();
</script>

</html>