CocoRoboLabs
/
CocoRoboDesktop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313
							<!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/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/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;min-width: 1260px;">
    <!--- 工具栏 --->
    <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; display: none;">
                <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()" style=" display: none;">
                <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="下载" 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_main" style="display: flex;
        flex-direction: row;
        align-items: flex-start;">
            <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 style="
            width: 350px;margin-left: 20px;">
                <div style="    background: #fff;
                height: 65px;
                border-radius: 5px;">
                    <div style="font-size: 13px;
                    border-bottom: 1px solid #ccc;
                    padding: 5px 15px;
                ">生成链接</div>
                    <div style="    height: 30px;
                    padding: 8px 10px;"><a href="" style="color: #3C6A8C;">将此站点生成链接</a></div>
                </div>
                <div style="    background: #fff;
                border-radius: 5px;margin-top: 15px;min-height: 250px;">
                    <div style="font-size: 13px;
                    border-bottom: 1px solid #ccc;
                    padding: 5px 15px;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                ">
                        <div>邀请协作人员</div>
                        <div><a href="" style="color: #3C6A8C;">第三方链接邀请</a></div>
                    </div>
                    <div style="width: 100%;
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    flex-wrap: wrap;
                    ">
                        <div style="display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        width: 25%;
                        margin: 10px 0;">
                            <div style="width: 50px;"><img src="../../img/icon/portal.png"
                                    style="width: 100%;height:100%;" alt=""></div>
                            <div>陈慧</div>
                        </div>
                        <div style="display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        width: 25%;
                        margin: 10px 0;">
                            <div style="width: 50px;"><img src="../../img/icon/portal.png"
                                    style="width: 100%;height:100%;" alt=""></div>
                            <div>李小欣</div>
                        </div>
                        <div style="display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        width: 25%;
                        margin: 10px 0;">
                            <div style="width: 50px;"><img src="../../img/icon/portal.png"
                                    style="width: 100%;height:100%;" alt=""></div>
                            <div>旺旺</div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!--- 互联办公的功能 --->
        <div class="U_MD_O_H_body_left" id="U_MD_O_H_body_left">
        </div>
    </div>

</body>

</html>