MetaLab/templates/MetaLab-2026/static/js/editor.js

(function() {
    var form = document.getElementById('postForm');
    if (!form) return;

    var postId = document.getElementById('postId');
    var titleEl = document.getElementById('postTitle');
    var bodyEl = document.getElementById('postBody');
    var previewBtn = document.getElementById('previewBtn');
    var previewArea = document.getElementById('previewArea');
    var previewContent = document.getElementById('previewContent');

    var isEdit = postId && postId.value;

    // 获取 CSRF token
    function getCSRFToken() {
        var meta = document.querySelector('meta[name="csrf-token"]');
        return meta ? meta.getAttribute('content') : '';
    }

    // 预览
    if (previewBtn) {
        previewBtn.addEventListener('click', function() {
            var body = bodyEl.value.trim();
            if (!body) { alert('请输入正文'); return; }

            fetch('/api/posts/preview', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-Token': getCSRFToken()
                },
                body: JSON.stringify({ body: body })
            })
            .then(function(r) { return r.json(); })
            .then(function(data) {
                if (data.success) {
                    previewContent.innerHTML = data.data.html;
                    previewArea.style.display = 'block';
                } else {
                    alert(data.message || '预览失败');
                }
            })
            .catch(function() { alert('预览请求失败'); });
        });
    }

    // 提交
    form.addEventListener('submit', function(e) {
        e.preventDefault();
        var title = titleEl.value.trim();
        var body = bodyEl.value.trim();

        if (!title) { alert('请输入标题'); return; }
        if (!body) { alert('请输入正文'); return; }

        var url = '/api/posts';
        var method = 'POST';
        if (isEdit) {
            url = '/api/posts/' + postId.value;
            method = 'PUT';
        }

        fetch(url, {
            method: method,
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-Token': getCSRFToken()
            },
            body: JSON.stringify({ title: title, body: body })
        })
        .then(function(r) { return r.json(); })
        .then(function(data) {
            if (data.success) {
                if (data.data && data.data.id) {
                    window.location.href = '/posts/' + data.data.id;
                } else {
                    window.location.href = '/posts';
                }
            } else {
                alert(data.message || '操作失败');
            }
        })
        .catch(function() { alert('请求失败'); });
    });
})();