在WordPress前端集成古腾堡编辑器：实现前端内容编辑的策略与实践

<?php
/*
** Template Name: Add Post From Frontend
*/
get_header(); // 引入主题头部文件
?>
<div class="container">
    <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" />
            <input type="hidden" name="userid" value="" /> <!-- 可以在这里动态设置用户ID -->

            <div class="form-group">
                <label class="control-label col-md-2">标题</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" name="title" id="title" />
                </div>
            </div>

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

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

            <div class="form-group">
                <label class="control-label col-md-2">上传文章图片</label>
                <div class="col-md-10">
                    <input type="file" name="sample_image" class="form-control" />
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" class="btn btn-primary" value="提交" name="submitpost" onclick="return returnformValidations();" />
                </div>
            </div>
        </form>
        <div class="clearfix"></div>
    </div>
</div>
<?php get_footer(); // 引入主题底部文件 ?>

<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 === "" || category === "0") // 检查是否选择了有效分类
    {
        alert("请选择文章分类！");
        return false;
    }
    return true;
}
</script>

<?php
// 确保用户已登录
if(is_user_logged_in())
{
    // 检查表单是否已提交
    if(isset($_POST['ispost']) && $_POST['ispost'] == '1')
    {
        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 = intval($_POST['category']); // 确保分类ID是整数

        // 准备文章数据
        $new_post = array(
            'post_title'    => $post_title,
            'post_content'  => $post_content,
            'post_status'   => 'pending', // 默认为待审核状态
            'post_type'     => 'post',    // 文章类型
            'post_author'   => $user_id,  // 设置文章作者
            'post_category' => array($category) // 设置文章分类
        );

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

        if (is_wp_error($pid)) {
            // 处理文章插入错误
            echo "<div class='alert alert-danger'>文章发布失败：" . $pid->get_error_message() . "</div>";
        } 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 = $_FILES['sample_image'];
                if ($file['error'] === UPLOAD_ERR_OK)
                {
                    // 使用 media_handle_upload 处理文件上传
                    $attach_id = media_handle_upload( 'sample_image', $pid );

                    if (is_wp_error($attach_id)) {
                        // 处理附件上传错误
                        echo "<div class='alert alert-warning'>图片上传失败：" . $attach_id->get_error_message() . "</div>";
                    } elseif ($attach_id > 0) {
                        // 如果上传成功，设置为文章特色图片
                        update_post_meta($pid, '_thumbnail_id', $attach_id);
                    }
                } else {
                    echo "<div class='alert alert-warning'>图片上传错误：文件大小或类型不符合要求。</div>";
                }
            }
            echo "<div class='alert alert-success'>文章已成功提交，待审核！</div>";
            // 可以重定向到文章列表或成功页面
            // wp_redirect(get_permalink($pid)); exit;
        }
    }
}
else
{
    echo "<h2 style='text-align:center;'>您必须登录才能发布文章！</h2>";
}
?>