解决WordPress REST API内容剥离问题

理解问题：WordPress REST API条内容内容

该解决方案专注于使用PHP与WordPress REST API合作的后端脚本开发，从而通过解决过滤器和消毒问题来确保内容完整性。

// Solution 1: Disable REST API content sanitization and allow raw HTML// Add this code to your WordPress theme's functions.php file<code>add_filter('rest_pre_insert_post', function ($data, $request) {
    // Check for specific custom post type or route
    if (isset($request['content_raw'])) {
        $data['post_content'] = $request['content_raw']; // Set the raw content
    }
    return $data;
}, 10, 2);

// Make sure you’re passing the raw content in your request
// Example POST request:
// In your API request, ensure `content_raw` is passed instead of `content`.
let data = {
    title: 'My Post Title',
    content_raw: my_post,
    status: 'draft'
};
// Send via an authenticated REST client

使用自定义端点来防止内容操纵

该解决方案使用PHP在WordPress中创建自定义REST API端点，以绕过内部的消毒过滤器。

// Add this code to your theme's functions.php or a custom plugin file<code>add_action('rest_api_init', function () {
    register_rest_route('custom/v1', '/create-post', array(
        'methods' => 'POST',
        'callback' => 'custom_create_post',
        'permission_callback' => '__return_true',
    ));
});
function custom_create_post($request) {
    $post_data = array(
        'post_title' => sanitize_text_field($request['title']),
        'post_content' => $request['content'], // Raw content passed here
        'post_status' => $request['status'],
    );
    $post_id = wp_insert_post($post_data);
    if (is_wp_error($post_id)) {
        return new WP_Error('post_error', 'Failed to create post', array('status' => 500));
    }
    return new WP_REST_Response(array('post_id' => $post_id), 200);
}

使用JavaScript和WP REST API进行前端集成

此示例使用JavaScript与WordPress REST API一起演示了前端集成，以正确提交原始内容。

// Example using JavaScript to post raw content via the WordPress REST API<code>const rawContent = `<!-- wp:kadence/rowlayout {\"uniqueID\":\"5331_605d8b-3f\"} -->`;
const data = {
    title: "My Custom Post",
    content: rawContent,
    status: "draft"
};
fetch('https://mywp.xyz/wp-json/wp/v2/posts', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Basic ' + btoa('username:password')
    },
    body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error("Error:", error));

关于WordPress REST API和内容剥离的常见问题

1. 为什么WordPress剥离了我的一些自定义块内容？
2. WordPress对内容进行了消毒，以防止安全问题或无效标记。使用 rest_pre_insert_post 过滤以注入原始内容并防止其剥离。
3. 如何确保通过API保存我的Kadence块设置？
4. 确保正确注册了块属性，并使用带有自定义的休息端点 wp_insert_post 保留块设置。
5. 在这个问题中，动态块的作用是什么？
6. 动态块依赖于PHP渲染，并且可能不会将所有配置保存为静态HTML。检查您的块注册，并使用适当的API过滤器来处理它们。
7. 我可以完全禁用WordPress内容消毒吗？
8. 虽然可以使用钩子 rest_pre_insert_post，不建议出于安全原因。而是针对特定情况。
9. 如何调试内容剥离问题？
10. 使用WordPress挂钩检查API响应并调试 save_post 或者 rest_request_after_callbacks。

确保动态内容的API完整性

解决WordPress REST API内容剥离需要了解其消毒过程和动态块行为。通过利用钩子并创建自定义端点，开发人员可以绕过不必要的过滤器并保持复杂布局的完整性。例如，保存原始的Kadence块HTML可确保按预期显示内容。

从调试API响应到实施后端覆盖，这些策略可确保对您的帖子数据充分控制。从事自定义布局或高级主题的开发人员从这些技术中受益匪浅，避免令人沮丧的问题并增强项目成果。使用这些解决方案，WordPress REST API成为更可靠的工具。 😊