<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>WPS DEMO</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.circle{
width:30px ;
-webkit-border-radius: 34em;
-moz-border-radius: 34em;
border-radius: 34em;
}
.common{
width: 100px;
height: 61.8px;
-webkit-border-radius:0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
font: 13px 'Microsoft yahei',Arial, Helvetica, sans-serif;
}
.lcommon{
width: 200px;
height: 60px;
}
.select_common{
width: 205px;
height: 60px;
}
/* white */
.white {
color: #000000;
border: solid 1px #dddddd;
background: #eeeeee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
</style>
</head>
<body onload="re_init()" style="overflow-y:hidden">
<div>
<table>
<tbody>
<tr>
<td align="left">
<div id="doc" align="left" style="text-align:left;position:inherit; visibility:visible; overflow-x: auto; overflow-y: auto; overflow: scroll;height: 600px; width:360px;">
<font color="red" style=" font: 18px 'Microsoft yahei',Arial, Helvetica, sans-serif; ">红色按钮为问题按钮</font>
<br />
<br />
<button id="all" class="white circle" style="align-content: center;width: 330px" onclick="all_expansion()">全部展开</button>
<br />
<br />
<fieldset style="width: 320px">
<legend>
<button id="base_a" class="white circle" style="align-content: center" onclick="hide_set('base_function','base_b','base_a')">-</button>
<button id="base_b" class="white circle" style="align-content: center; display: none" onclick="hide_set('base_function','base_b','base_a')">+</button>
<font style=" font: 16px 'Microsoft yahei',Arial, Helvetica, sans-serif; ">——>基础功能</font>
</legend>
<div id="base_function">
<table align="center">
<tr>
<th> <button class="common white" onclick="InitFrame()">初始化插件</button> </th>
<th> <button class="common white" onclick="createDocument()">新建文档</button> </th>
<th> <label id="realBtn" class="onchange"btn">
<input type="file" oninput="openDocumentF()" id="fileInput" name="file" class="mFileInput" style="left:-9999px;position:absolute;" />
<button class="common white">打开本地文档</button> </label> </th>
</tr>
<tr>
<th> <button class="common white" onabort="openDocumentRemote()">打开远程</button> </th>
<th> <button class="common white" onclick="wpsclose()">关闭文档</button> </th>
<th><button class="common white" onclick="save_doc(address)">另保存到本地</button></th>
</tr>
</table>
</div>
</fieldset>
<br />
<fieldset style="width: 320px">
<legend> <button id="start_a" class="white circle" style="align-content: center" onclick="hide_set('start','start_b','start_a')">+</button>
<button id="start_b" class="white circle" style="align-content: center; display: none" onclick="hide_set('start','start_b','start_a')">-</button>
<font style=" font: 16px 'Microsoft yahei',Arial, Helvetica, sans-serif; ">——>开始 </font>
</legend>
<div id="start" align="center" style="display: none;">
<table align="center">
<tbody>
<tr>
<th colspan="2"> <input type="text" class="lcommon" name="text_w" id="text_w" placeholder="插入文字内容" /> </th>
<th> <button class="common white" onclick="input_w()">插入文字</button> </th>
</tr>
<tr>
<th> <button class="common white" onclick="paste_w()">粘贴</button></th>
<th> <button class="common white" onclick="cut_w()">剪切</button></th>
<th> <button class="common white" onclick="copy_w()">复制</button></th>
</tr>
<tr>
<th> <button class="common white" onclick="copyFormat_w()">复制格式</button> </th>
<th> <button class="common white" onclick="pasteFormat_w()">粘贴格式</button> </th>
<th> <button class="common white" onclick="deleteFortmat_w()">删除格式</button> </th>
</tr>
<tr>
<th> <button class="common white" onclick="bold_w()">加粗</button> </th>
<th> <button class="common white" onclick="italic_w()">斜体</button></th>
<th> <button class="common white" onclick="deleteLine_w()">删除线</button> </th>
</tr>
<tr>
<th colspan="2"> <select class="select_common" id="underLine"> <option value="1">单线</option>
<option value="0">无</option>
<option value="3">双线</option>
<option value="6">单粗线</option>
<option value="4">点线</option> </select> </th>
<th> <button class="common white" onclick="underLine_w()">下划线</button> </th>
</tr>
<tr>
<th><button class="common white" onclick="text_add()">A+</button></th>
<th> <button class="common white" onclick="superscript_w()">上标</button> </th>
<th> <button class="common white" onclick="subscript_w()">下标</button> </th>
</tr>
<tr>
<th><button class="common white" onclick="text_sub()">A-</button></th>
<th> <input class="lcommon" style="width: 100px" type="text" name="text_n" id="text_n" placeholder="请输入字体大小" /> </th>
<th> <button class="common white" onclick="text_n()">改变大小</button> </th>
</tr>
<tr>
<th colspan="2"> <input class="lcommon" style="width: 60px" type="text" name="color_n" id="red_n" placeholder=" 红" />
<input class="lcommon" style="width: 60px" type="text" name="color_n" id="green_n" placeholder=" 绿" />
<input class="lcommon" style="width: 60px" type="text" name="color_n" id="blue_n" placeholder=" 蓝" /> </th>
<th> <button class="common white" onclick="color_w()">字体颜色</button> </th>
</tr>
<tr>
<th colspan="2"> <input class="lcommon" type="text" name="text_name" id="text_name" placeholder="字体类型名称" /> </th>
<th> <button class="common white" onclick="text_name()">改变字体</button> </th>
</tr>
<tr>
<th colspan="2"> <input class="lcommon" style="width: 60px" type="text" name="color_n" id="red_sading" placeholder=" 红" />
<input class="lcommon" style="width: 60px" type="text" name="color_n" id="green_sading" placeholder=" 绿" />
<input class="lcommon" style="width: 60px" type="text" name="color_n" id="blue_sading" placeholder=" 蓝" /> </th>
<th> <button class="common white" onclick="set_sading()">改变底纹</button> </th>
</tr>
<tr>
<th><button class="common white" onclick="set_sading_w()">常用底纹</button></th>
<th><button class="common white" onclick="both_justified()">两端对齐</button></th>
<th><button class="common white" onclick="dispersion_justified()">分散对齐</button></th>
</tr>
<tr>
<th><button class="common white" onclick="l_justified()">左对齐</button> </th>
<th><button class="common white" onclick="c_justified()">居中对齐</button></th>
<th><button class="common white" onclick="r_justified()">右对齐</button></th>
</tr>
<tr>
<th colspan="2"><select class="select_common" id="bullet">
<option value="1">●</option> <option value="2">■</option>
<option value="3">◆</option> <option value="4">加粗空心方形</option>
<option value="5">箭头</option> <option v