如何在 WordPress 前端实现内容提交：古腾堡编辑器的替代方案与实践

<?php
/*
** Template Name: Add Post From Frontend
*/
?>
<div class="col-sm-12">
    <h3>发布新文章</h3>
    <form class="form-horizontal" name="form" method="post" enctype="multipart/form-data">
        <input type="hidden" name="ispost" value="1" />
        <?php
        // 可选：如果需要，可以添加当前用户ID，但通常在后端通过wp_get_current_user()获取更安全
        // <input type="hidden" name="userid" value="" />
        ?>
        <div class="col-md-12">
            <label class="control-label">标题</label>
            <input type="text" class="form-control" name="title" id="title" />
        </div>

        <div class="col-md-12">
            <label class="control-label">文章内容</label>
            <textarea class="form-control" rows="8" name="sample_content" id="content"></textarea>
        </div>

        <div class="col-md-12">
            <label class="control-label">选择分类</label>
            <select name="category" class="form-control" id="category">
                <option value="">-- 请选择分类 --</option>
                <?php
                // 动态获取所有文章分类
                $catList = get_categories();
                foreach($catList as $listval)
                {
                    echo '<option value="'.$listval->term_id.'">'.$listval->name.'</option>';
                }
                ?>
            </select>
        </div>

        <div class="col-md-12">
            <label class="control-label">上传特色图片</label>
            <input type="file" name="sample_image" class="form-control" />
        </div>

        <div class="col-md-12">
            <input type="submit" class="btn btn-primary" value="提交" name="submitpost" onclick="return returnformValidations();" />
        </div>
    </form>
    <div class="clearfix"></div>
</div>

<script>
function returnformValidations()
{
    var title = document.getElementById("title").value;
    var content = document.getElementById("content").value;
    var category = document.getElementById("category").value;

    if(title === "")
    {
        alert("请输入文章标题！");
        return false;
    }
    if(content === "")
    {
        alert("请输入文章内容！");
        return false;
    }
    if(category === "")
    {
        alert("请选择文章分类！");
        return false;
    }
    return true; // 所有验证通过
}
</script>

<?php
// 确保用户已登录才能提交文章
if(is_user_logged_in())
{
    // 检查表单是否已提交
    if(isset($_POST['ispost']))
    {
        global $current_user;
        wp_get_current_user(); // 获取当前用户信息

        $user_id = $current_user->ID; // 当前用户ID

        // 获取表单数据，并进行基本清理
        $post_title = sanitize_text_field($_POST['title']);
        $post_content = wp_kses_post($_POST['sample_content']); // 允许HTML内容
        $category = (int)$_POST['category']; // 确保分类ID是整数

        // 准备文章数据
        $new_post = array(
            'post_title'    => $post_title,
            'post_content'  => $post_content,
            'post_status'   => 'pending', // 默认设置为待审核
            'post_author'   => $user_id,
            'post_type'     => 'post', // 或其他自定义文章类型
            'post_category' => array($category) // 分类需要以数组形式传递
        );

        // 插入新文章
        $pid = wp_insert_post($new_post);

        if (is_wp_error($pid)) {
            echo "<p style='color:red;'>文章发布失败：" . $pid->get_error_message() . "</p>";
        } elseif ($pid > 0) {
            // 处理特色图片上传
            if (!function_exists('wp_generate_attachment_metadata'))
            {
                require_once(ABSPATH . "wp-admin" . '/includes/image.php');
                require_once(ABSPATH . "wp-admin" . '/includes/file.php');
                require_once(ABSPATH . "wp-admin" . '/includes/media.php');
            }

            if (!empty($_FILES['sample_image']['name']))
            {
                $file_id = media_handle_upload( 'sample_image', $pid ); // 'sample_image' 是表单中文件输入的 name

                if (is_wp_error($file_id)) {
                    echo "<p style='color:orange;'>图片上传失败：" . $file_id->get_error_message() . "</p>";
                } elseif ($file_id > 0)
                {
                    // 设置上传的图片为文章的特色图片
                    update_post_meta($pid, '_thumbnail_id', $file_id);
                    echo "<p style='color:green;'>文章发布成功，并已设置特色图片！</p>";
                }
            } else {
                echo "<p style='color:green;'>文章发布成功！</p>";
            }

            // 可选：重定向到新文章页面或成功提示页面
            // wp_redirect(get_permalink($pid));
            // exit;
        }
    }
}
else
{
    echo "<h2 style='text-align:center;'>用户必须登录才能发布文章！</h2>";
}
?>