yangyi
/
DjangoUeditor3


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
							<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>帮助</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <style type="text/css">
        .head .tab-current{
            background-color:#7DEBFF;
        }
        .hide{
            display:none;
        }
        *{color: #838383}
        body {

            font-size: 12px;
            width:380px;
            height: 400px;
            overflow: hidden;
            margin:0px;padding:0px;
        }
        .warp{
            padding: 39px 0px 0px 15px;
            height:90%;position:relative;
        }
        h1{font-size:26px;}
        p{font-size:12px;}
        .head{position:absolute;height:31px;top:10px;}
        .content{height:360px;border: 1px solid #ddd;clear:both;padding:5px;overflow: auto;}

        .head span{width:92px;height:29px;line-height:29px;background:red;display:block;float: left;text-align: center;margin-right: 1px;cursor: pointer; }
        .head span.def{background:url("../../themes/default/images/dialog-title-bg.png") repeat-x;border:1px solid #ccc;}
        .head span.act{background:#FFF;border:1px solid #ccc;border-bottom: 1px solid #FFF}
        .content table{width:90%;line-height: 20px}
        .content table thead{font-weight: bold;line-height: 25px;}
    </style>
</head>
<body>
<div class="warp">
    <div id="head" class="head">
        <span class="act" onclick="toggle(0)"><var id="lang_input_about"></var></span>
        <span class="def" onclick="toggle(1)"><var id="lang_input_shortcuts"></var></span>
    </div>
    <div class="content">
        <div id="cont0">

<h1>UEditor</h1>
<p><var id="lang_input_version"></var></p>
<p><var id="lang_input_introduction"></var></p>

        </div>
        <div id="cont1" class="hide">
            <table>
                <thead>
                <tr>
                    <td><var id="lang_Txt_shortcuts"></var></td>
                    <td><var id="lang_Txt_func"></var></td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>ctrl+b</td>
                    <td><var id="lang_Txt_bold"></var></td>
                </tr>
                <tr>
                    <td>ctrl+c</td>
                    <td><var id="lang_Txt_copy"></var></td>
                </tr>
                <tr>
                    <td>ctrl+x</td>
                    <td><var id="lang_Txt_cut"></var></td>
                </tr>
                <tr>
                    <td>ctrl+v</td>
                    <td><var id="lang_Txt_Paste"></var></td>
                </tr>
                <tr>
                    <td>ctrl+y</td>
                    <td><var id="lang_Txt_undo"></var></td>
                </tr>
                <tr>
                    <td>ctrl+z</td>
                    <td><var id="lang_Txt_redo"></var></td>
                </tr>
                <tr>
                    <td>ctrl+i</td>
                    <td><var id="lang_Txt_italic"></var></td>
                </tr>
                <tr>
                    <td>ctrl+u</td>
                    <td><var id="lang_Txt_underline"></var></td>
                </tr>
                <tr>
                    <td>ctrl+a</td>
                    <td><var id="lang_Txt_selectAll"></var></td>
                </tr>
                <tr>
                    <td>ctrl+shift+c</td>
                    <td><var id="lang_Txt_removeFormat"></var></td>
                </tr>
                <tr>
                    <td>ctrl+shift+l</td>
                    <td><var id="lang_Txt_leftJustification"></var></td>
                </tr>
                <tr>
                    <td>ctrl+shift+r</td>
                    <td><var id="lang_Txt_rightJustification"></var></td>
                </tr>
                <tr>
                    <td>shift+enter</td>
                    <td><var id="lang_Txt_visualEnter"></var></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<script type="text/javascript" src="../internal.js"></script>
<script type="text/javascript">
    function getChildrenByClassName (parentClass,childtag){
        var divs = document.getElementsByTagName("div"),
            headChilds,
            arr = [];
        for(var i=0;i<divs.length;i++){
            if(divs[i].className == parentClass){
                headChilds = divs[i].childNodes;
            }
        }
        for(var j=0;j<headChilds.length;j++){
            if(new RegExp(childtag,"i").test(headChilds[j].tagName)){
                arr.push(headChilds[j]);
            }
        }
        return arr;
    }
     function hideAll (){
        var tabs = getChildrenByClassName("head","span"),
            contents = getChildrenByClassName("content","div"),i=0;
        for(;i<tabs.length;i++){
            tabs[i].className = "";
            contents[i].className = "hide";
        }
     }
    function toggle (i){
        hideAll();
        var tabs = getChildrenByClassName("head","span"),
            contents = getChildrenByClassName("content","div");
          for(var s=0;s<tabs.length;s++){
             tabs[s].className = "def";
          }

        tabs[i].className = "act";
        contents[i].className = "";
    }
</script>
</body>
</html>