school-feature
/
edit_online.html

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作品投稿</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/lightColor.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/nav.css">
    <style>
        body {
            background-color: #F4F5F7;
            color: initial;
            overflow: auto;
        }

        .editing_width {
            width: 1200px;
            margin: auto auto 20px auto;
            padding: 20px;
            border-radius: 5px;
            background-color: white;
        }

        .editor {
            width: 100%;
        }

        .editing_top {
            display: flex;
            align-items: center;
            margin-top: 80px;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .editing_top a {
            background-color: black;
            border-radius: 5px;
            font-weight: bold;
            color: white;
            padding: 10px 25px;
            margin: 0 5px;
        }

        .editing_title {
            border: none;
            font-size: 25px;
            width: 300px;
            border-bottom: 2px solid black;
            outline: none;
        }

        @media (max-width:768px) {
            .editing_title {
                width: 180px;
            }

            .editing_width {
                margin-top: 0px;
            }

            .editing_top a {
                padding: 5px 15px;
                font-weight: normal;
                margin: auto;
                font-size: 14px;
            }
            .editing_top{
                margin-top: 0px;
            }
        }

        @media (max-width:1200px) {
            .editing_width {
                width: 100%;
            }
        }
    </style>
</head>

<body>
    <div class="scrollbar">
        <div class="header">
            <div class="container">
                <div class="row">
                    <div class="h-nav col-lg-4 col-md-2 col-sm-12 col-xs-12">
                        <div class="h-logo" onclick="window.location = './index.html'">
                            <span>青春</span><i class="h-logo-text"> · 曾是个瞬间</i>
                        </div>
                        <div class="hamburger">
                            <div class="hamburger-icon" id="hamburgerBtn" onclick="openHamburger()">
                                <div class="hamburger-icon-line"></div>
                                <div class="hamburger-icon-line"></div>
                                <div class="hamburger-icon-line"></div>
                            </div>
                            <div class="hamburger-content" id="hamburger-content" style="display: none;">
                                <ul class="hamburger-list-ul">
                                    <li><a href="./index.html">首页</a></li>
                                    <li><a href="./campus.html">校园空间</a></li>
                                    <li><a href="school_weibo.html">校园微博</a></li>
                                    <li><a href="association.html">社团活动</a></li>
                                    <li><a href="publish_items.html">寻物启事</a></li>
                                    <li class="active"><a href="user_info.html">个人中心</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="h-list col-lg-8 col-md-10">
                        <ul class="h-list-ul">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./campus.html">校园空间</a></li>
                            <li><a href="school_weibo.html">校园微博</a></li>
                            <li><a href="association.html">社团活动</a></li>
                            <li><a href="publish_items.html">寻物启事</a></li>
                            <li class="active"><a href="user_info.html">个人中心</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="editing_width">
            <div class="editing_top">
                <input type="text" placeholder="请输入标题" name="" id="" class="editing_title">
                <div>
                    <a href="user_info.html">发布</a>
                    <a href="user_info.html">暂存</a>
                </div>
            </div>
            <div class="editor" id="editor" style="z-index: 90;position: relative;"></div>
        </div>
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="footer-contact">
                            <div class="footer-contact-title">
                                <span>Contact</span> Information
                            </div>
                            <div class="footer-contact-detail">
                                <p>联系Q Q: 888888888</p>
                                <p>手机号码: 888888888</p>
                                <p>联系邮箱: 888888888</p>
                                <p>团队成员: 廖保发、梁兴权、梁泳湖</p>
                                <p>联系地址: 广西科技师范学院</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="footer-leave">
                            <div class="footer-leave-title">
                                发表您的留言:
                            </div>
                            <p><label for="">姓名:</label> <input type="text" placeholder="请输入姓名"></p>
                            <p> <label for="">电子邮箱: </label><input type="text" placeholder="请输入电子邮箱"></p>
                            <p> <label for="">留言: </label><textarea name="" id="" cols="30" rows="3"
                                    placeholder="留言内容"></textarea>
                            </p>
                            <button>提交</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="container">
                &copy; 网页大赛比赛使用
            </div>
        </div>
    </div>
    <div id="scrollTop" style="height: 50px;"></div>

    <script src="js/common.js"></script>
    <script src="js/wangEditor.min.js"></script>
    <script type="text/javascript">
        const E = window.wangEditor
        const editor = new E('#editor')
        // 或者 const editor = new E( document.getElementById('div1') )
        editor.config.height = 400
        editor.create()
    </script>
</body>

</html>