DjangoBlogs/templates/pub_blog.html

{% extends 'base.html' %}

{% block title %}发布帖子{% endblock %}

{% block head %}
    <link rel="stylesheet" href=" {% static 'wangeditor/style.css' %}">
    <script src=" {% static 'wangeditor/index.js' %}"></script>
    <script src=" {% static 'js/pub_blog.js' %}"></script>
    <style>
        #editor—wrapper {
            border: 1px solid #ccc;
            z-index: 100; /* 按需定义 */
        }

        #toolbar-container {
            border-bottom: 1px solid #ccc;
        }

        #editor-container {
            height: 400px;
        }
    </style>
{% endblock %}

{% block main %}
    <h1>发布帖子</h1>
    <div class="mt-3">
        <form action="" method="POST">
            <div class="mb-3">
                <label class="form-label">标题</label>"
                <input type="text" name="title" class="form-control">
            </div>
            <div class="mb-3">
                <label class="form-label">分类</label>"
                <select name="category" class="form-select">
                    <option value="1">校园事件</option>
                    <option value="2">课题讨论</option>
                    <option value="3">生活分享</option>
                    <option value="4">失物招领</option>
                    <option value="5">CPDD</option>
                </select>
            </div>
            <div class="mb-3">
                <label class="form-label">我是内容</label>
                <div id="editor—wrapper">
                    <div id="toolbar-container"><!-- 工具栏 --></div>
                    <div id="editor-container"><!-- 编辑器 --></div>
                </div>
            </div>
            <div class="mb-3 text-end">
                <button class="btn btn-primary">发布</button>
            </div>
        </form>
    </div>
{% endblock %}