<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wb="http://open.weibo.com/wb">

<head>
    <title>可可乐博协同编辑</title>
    <link href="/uform.css" rel="stylesheet" type="text/css" />
    <link href="/css/Desktop/Desktop.css" rel="stylesheet" type="text/css" />
    <link href="/css/Office/Word/Word.css" rel="stylesheet" type="text/css" />
    <link href="/css/Office/Word/WordEditor.css" rel="stylesheet" type="text/css" />
    <link href="/css/Office/Word/Nav.css" rel="stylesheet" type="text/css" />
    <script src="/uform.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/Common/Common.js" type="text/javascript"></script>
    <script src="/js/Desktop/DeskTop.js" type="text/javascript"></script>
    <script src="/js/Office/Word/Word.js" type="text/javascript"></script>
    <script src="/js/Office/Word/WordPanel.js" type="text/javascript"></script>
    <script src="/js/Office/Word/WordEditor.js" type="text/javascript"></script>
    <script src="/js/Office/Poll.js" type="text/javascript"></script>
    <script src="/js/UForm/Editor.js" type="text/javascript"></script>
    <script src="/js/UForm/EditorTable.js" type="text/javascript"></script>
    <script src="/js/Controls/Complex/Editor.js" type="text/javascript"></script>
    <script src="/js/Office/Word/Template/Navigation/Nav.js" type="text/javascript"></script>
    <script src="/js/UForm/Event.js" type="text/javascript"></script>
    <style type="text/css">
        body {
            overflow: hidden;
        }

        body div ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
    </style>
    <script type="text/javascript">
        document.domain = document.domain.split(".").slice(-2).join(".");
    </script>
</head>

<body unselectable="on" style="overflow: auto; background-color: #aaaaaa;">
    <!--- 工具栏 --->
    <div id="tools" style="position: fixed; width: 100%; background: #f7f8f9; border-bottom: 1px solid silver;
        z-index: 999;" onmousedown="U.MD.O.W.E.onmousedown();" onclick="U.MD.O.W.E.onclick();">
        <div class="U_MD_O_H_Area">
            <button title="新建" id="U_MD_O_H_new" onclick="U.MD.O.W.newDoc(US.userInfo)" style="margin-left: 10px;">
                <div class="U_MD_O_H_icon" style="background-position: -10px -592px;">
                </div>
                新建
            </button>
            <button title="保存" id="U_MD_O_H_save" onclick="U.MD.O.W.save()">
                <div class="U_MD_O_H_icon" style="background-position: -38px -592px;">
                </div>
                保存
            </button>
            <button title="附件" style="position: relative; overflow: hidden;">
                <div class="U_MD_O_H_icon" style="background-position: -1056.5px -594.5px;">
                </div>
                <input type="file" multiple onchange="U.UF.E.attachment(this, $('#U_MD_O_H_wordEditor')[0])"
                    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;" />
                附件
            </button>
            <div class="U_MD_O_H_cutoff">
            </div>
        </div>
        <div class="U_MD_O_H_Area">
            <button title="插入图片" style="position: relative; overflow: hidden;">
                <div class="U_MD_O_H_icon" style="background-position: -67px -592px; width: 22px;">
                </div>
                <input type="file" multiple accept="image/*"
                    onchange="U.UF.E.picture(this, $('#U_MD_O_H_wordEditor')[0])"
                    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;" />
            </button>
            <button title="插入表格" onclick="U.UF.E.table(U.UF.E.getRangeAt())">
                <div class="U_MD_O_H_icon" style="background-position: -100px -592px;">
                </div>
            </button>
            <div class="U_MD_O_H_select" title="字体" style="width: 90px;" datafont="family;">
            </div>
            <div class="U_MD_O_H_select" title="字号" style="width: 65px;" datafont="size">
            </div>
            <div class="U_MD_O_H_cutoff">
            </div>
        </div>
        <div class="U_MD_O_H_Area">
            <div class="U_MD_O_H_select" title="标题:设置可生成目录" style="width: 60px;" datafont="title">
            </div>
            <div class="U_MD_O_H_cutoff">
            </div>
        </div>
        <div class="U_MD_O_H_Area">
            <div title="背景色" class="U_MD_O_H_colorPick" id="U_MD_O_H_colorPick_fontBG">
                <button style="padding: 4px 6px;">
                    <div class="U_MD_O_H_colorPick_fontBG"
                        onclick="U.UF.E.setRangeStyle({ 'background': this.style.backgroundColor })">
                    </div>
                </button>
                <button class="U_MD_O_H_icon U_MD_O_H_down" onclick="U.MD.O.W.E.colorPicker(this.parentElement, event)">
                </button>
            </div>
            <div title="字体色" class="U_MD_O_H_colorPick" id="U_MD_O_H_colorPick_fontColor">
                <button style="padding: 4px 6px;"
                    onclick="U.UF.E.setRangeStyle({ 'color': $('.U_MD_O_H_colorPick_fontColor',this)[0].style.backgroundColor })">
                    <div class="U_MD_O_H_icon U_MD_O_H_colorPick_fontColor_Icon">
                    </div>
                    <div class="U_MD_O_H_icon U_MD_O_H_colorPick_fontColor">
                    </div>
                </button>
                <button class="U_MD_O_H_icon U_MD_O_H_down" onclick="U.MD.O.W.E.colorPicker(this.parentElement, event)">
                </button>
            </div>
            <button title="添加链接" onclick="U.UF.E.addHref();">
                <div class="U_MD_O_H_icon" style="background-position: -201px -591px;">
                </div>
            </button>
            <button title="加粗" id="U_MD_O_H_fontWeight" onclick="U.UF.E.setRangeStyle({ 'font-weight': 'bold' });">
                <div class="U_MD_O_H_icon" style="background-position: -246px -591px;">
                </div>
            </button>
            <button title="斜体" id="U_MD_O_H_italic" onclick="U.UF.E.setRangeStyle({ 'fontStyle': 'italic' });">
                <div class="U_MD_O_H_icon" style="background-position: -227px -591px;">
                </div>
            </button>
            <button title="下划线" id="U_MD_O_H_underline"
                onclick="U.UF.E.setRangeStyle({ 'textDecoration': 'underline' });">
                <div class="U_MD_O_H_icon" style="background-position: -269px -591px;">
                </div>
            </button>
            <button title="删除线" id="U_MD_O_H_lineThrough"
                onclick="U.UF.E.setRangeStyle({ 'textDecoration': 'line-through' });">
                <div class="U_MD_O_H_icon" style="background-position: -296px -591px; width: 22px;">
                </div>
            </button>
            <div class="U_MD_O_H_cutoff">
            </div>
        </div>
        <div class="U_MD_O_H_Area">
            <!--            <button title="撤销" onclick="U.UF.E.key.undo(event, $('#U_MD_O_H_wordEditor')[0]);">
                <div class="U_MD_O_H_icon" style="background-position: -328px -593px;">
                </div>
            </button>
            <button title="重做" onclick="U.UF.E.key.redo(event, $('#U_MD_O_H_wordEditor')[0]);">
                <div class="U_MD_O_H_icon" style="background-position: -1111px -595px;">
                </div>
            </button>-->
            <button title="清除格式" onclick="U.UF.E.clearStyle();">
                <div class="U_MD_O_H_icon" style="background-position: -359px -592px;">
                </div>
            </button>
            <button title="格式刷" onclick="U.UF.E.formatBrush($('#U_MD_O_H_wordEditor')[0]);"
                ondblclick="U.UF.E.formatBrush($('#U_MD_O_H_wordEditor')[0], true);">
                <div class="U_MD_O_H_icon" style="background-position: -1084px -594px;">
                </div>
            </button>
            <div class="U_MD_O_H_cutoff">
            </div>
        </div>
        <div class="U_MD_O_H_Area">
            <button title="左对齐" id="U_MD_O_H_alignleft" onclick="U.UF.E.setLineStyle({'text-align': 'left' })">
                <div class="U_MD_O_H_icon" style="background-position: -512px -593px;">
                </div>
            </button>
            <button title="居中" id="U_MD_O_H_aligncenter" onclick="U.UF.E.setLineStyle({'text-align': 'center' })"
                class=" U_MD_O_H_alignFocus">
                <div class="U_MD_O_H_icon" style="background-position: -545px -593px;">
                </div>
            </button>
            <button title="右对齐" id="U_MD_O_H_alignright" onclick="U.UF.E.setLineStyle({'text-align': 'right' })">
                <div class="U_MD_O_H_icon" style="background-position: -575px -593px;">
                </div>
            </button>
            <div class="U_MD_O_H_select" title="行间距" style="width: 40px;" data-font="line-height">
            </div>
            <!--   <div title="行间距" onclick="U.MD.O.W.E.loadLineHeight(this, $('.U_MD_O_H_lineHeight_ul')[0]);"
                style="margin-top: 6px; padding: 0 4px; position: relative;">
              <div class="U_MD_O_H_icon" style="background-position: -1154px -590px; height: 28px;
                    width: 26px;">
                </div>
                <div class="U_MD_O_H_icon U_MD_O_H_down">
                </div>
                <div class="U_MD_O_H_lineHeight_ul" onclick="U.MD.O.W.E.loadLineHeight(this.previousElementSibling)"
                    style="display: none;">
                    <button class="U_MD_O_H_clearButtonDefault U_MD_O_H_lineHeight_btn" onclick="U.UF.E.setLineStyle({'line-height': 1 })">
                        1.0</button>
                    <button class="U_MD_O_H_clearButtonDefault U_MD_O_H_lineHeight_btn" onclick="U.UF.E.setLineStyle({'line-height': 1.5 })">
                        1.5</button>
                    <button class="U_MD_O_H_clearButtonDefault U_MD_O_H_lineHeight_btn" onclick="U.UF.E.setLineStyle({'line-height': 2 })">
                        2.0</button>
                    <button class="U_MD_O_H_clearButtonDefault U_MD_O_H_lineHeight_btn" onclick="U.UF.E.setLineStyle({'line-height': 2.5 })">
                        2.5</button>
                    <button class="U_MD_O_H_clearButtonDefault U_MD_O_H_lineHeight_btn" onclick="U.UF.E.setLineStyle({'line-height': 3 })">
                        3.0</button>
                </div>
            </div> -->
            <div class="U_MD_O_H_cutoff">
            </div>
        </div>
        <div class="U_MD_O_H_Area">
            <button title="打印" onclick="U.UF.EV.print($('#U_MD_O_H_wordEditor')[0]);">
                <div class="U_MD_O_H_icon" style="background-position: -675px -593px; width: 22px;">
                </div>
            </button>
            <button title="下载" id="U_MD_O_H_Area_Down"
                onclick="U.MD.O.W.E.downOfficeWord('doc',$('#U_MD_O_H_wordEditor')[0])">
                <div class="U_MD_O_H_icon" style="background-position: -1165px -594px; width: 22px;">
                </div>
            </button>
            <button title="站点预览" onclick="U.MD.O.W.E.sitePreview()">
                <div class="U_MD_O_H_icon" style="background-position: -753px -593px;">
                </div>
            </button>
            <button title="分享" onclick="" style="display: none;">
                <div class="U_MD_O_H_icon" style="background-position: -781px -593px;">
                </div>
            </button>
            <div class="U_MD_O_H_cutoff">
            </div>
        </div>
        <div class="U_MD_O_H_Area" id="U_MD_O_H_More">
            <button title="更多">
                <div class="U_MD_O_H_icon" style="background-position: -813px -593px;">
                </div>
            </button>
        </div>
        <div class="U_MD_O_H_More_Area" style="display: none;">
        </div>
    </div>
    <!--- 可编辑区域 --->
    <div class="U_MD_O_H_body" id="U_MD_O_R_Parent">
        <!--- 互联办公的功能 --->
        <div class="U_MD_O_H_body_left" id="U_MD_O_H_body_left">
        </div>
        <div class="U_MD_O_H_body_main">
            <div class="U_MD_O_H_pageSize U_MD_O_H_Nav clear" style="display: none;">
                <div class="U_MD_O_H_Nav_Add" onclick="U.MD.O.W.T.N.Easy.add()">
                    +
                </div>
                <div class="U_MD_O_H_Nav_Box clear" onclick="U.UF.EV.stopBubble()">
                </div>
            </div>
            <div class="U_MD_O_H_pageSize" id="U_MD_O_W_E_body">
                <div class="U_MD_O_H_wordEditor U_MD_O_H_lineStyle" id="U_MD_O_H_wordEditor" contenteditable="true">
                </div>
            </div>
        </div>
    </div>
</body>

</html>