编辑器1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .edit
        {
            background: none #fff;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-box-shadow: 1px 1px 5px #ccc;
            -webkit-box-shadow: 1px 1px 5px #ccc;
            box-shadow: 1px 1px 5px #ccc;
            -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
            padding: 0px;
            margin-bottom: 10px;
            margin: 0px auto;
            width: 750px;
            border: solid 1px #ccc;
            min-height: 100px;
        }

        .editTool
        {
            width: 100%;
            height: 37px;
            background-color: #E2E7EE;
            margin: 0px;
        }

            .editTool ul
            {
                margin: 0px;
                padding: 0px;
                list-style-type: none;
            }

                .editTool ul li
                {
                  
                    float: left;
                    margin: 2px;
                    text-align: center;
                    font-weight: bold;
                    cursor: pointer;
                }

                    .editTool ul li a
                    {
                        padding: 5px 10px;
                        display: inline-block;
                        box-shadow: 1px 1px 5px #7E6C6C;
                        border-radius: 2px;
                        text-decoration: none;
                        color: black;
                        border: solid 1px #ccc;
                    }

                    .editTool ul li select
                    {
                       display: inline-block;
height: 29px;
border-radius: 2px;
box-shadow: 1px 1px 5px #7E6C6C;
border-color: #999;
margin-left: 1px;
margin-top: 1px;
                    }

                    .editTool ul li a.curr
                    {
                        box-shadow: 1px 1px 5px #999;
                        border: solid 1px #999;
                        background-color: #999;
                    }

        .editCon
        {
            border: #ccc solid 1px;
            min-height: 200px;
        }
    </style>

</head>
<body>
    <div class="edit">
        <div class="editTool">
            <ul id="tool" style="list-style-type: none;" >
                <li>
                    <select>
                        <option>字体大小</option>
                        <option>2px</option>
                        <option>3px</option>
                        <option>4px</option>
                    </select>
                </li>
            </ul>
        </div>
        <div class="editCon">
        </div>
    </div>
</body>
</html>
<script src="https://files.cnblogs.com/wzq806341010/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="https://files.cnblogs.com/wzq806341010/rangy-core.js" type="text/javascript"></script>
<script src="https://files.cnblogs.com/wzq806341010/JqEditor0.2.js" type="text/javascript"></script>
View Code
posted on 2014-03-27 00:10 朝着阅读(163) 评论(0) 编辑收藏举报