Markdown转HTML预览器

Markdown 编辑器

字数: 0 行数: 0

# Markdown 预览器

## 功能丰富的实时转换工具

这是一个**功能强大**的Markdown转HTML预览器，支持以下功能：

- 实时双向预览
- 语法高亮显示
- 自定义CSS样式
- 导出HTML文件
- 本地存储内容
- 亮色/暗色主题切换

### 代码示例

```javascript
// JavaScript 示例
function fibonacci(n) {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10)); // 输出: 55
    </div>

<div class="platform-footer">
        <div class="footer-brand">
            <a href="/" title="DKFile - 免费HTML网页托管平台 | Free HTML Website Hosting - 免费HTML网页托管平台" onclick="logClick('dkfile_link')" rel="nofollow">DKFile</a>
        </div>
        
        <div class="footer-divider"></div>
        
        
        
        <div class="footer-support">
            <a href="http://istester.com/page/1407.html" target="_blank" rel="noopener nofollow" title="技术支持，有任何问题，可以找我" onclick="logClick('tech_support')">技术支持 IDO老徐</a>
        </div>
    </div>
    
    <script>
        // 从模板变量获取数据
        const pageData = {
            fileId: 3807,
            fileName: "deepseek_html_20250718_0fc50a.html",
            projectName: "Markdown\u8f6cHTML\u9884\u89c8\u5668",
            author: "flyingants"
        };
        
        // 用户登录状态 - 使用简单的检查方式
        const currentUserAuthenticated = false;
        
        // 调试信息
        console.log('页面数据初始化:', {
            pageData: pageData,
            currentUserAuthenticated: currentUserAuthenticated,
            fileId: pageData.fileId,
            fileIdType: typeof pageData.fileId
        });
        
        // HTML文件完整性检测
        function validateHtmlFile() {
            const issues = [];
            
            // 检测是否有多个 DOCTYPE html
            const doctypeCount = document.querySelectorAll('html').length;
            if (doctypeCount > 1) {
                issues.push(`检测到 ${doctypeCount} 个HTML文档结构，文件可能包含重复内容`);
            }
            
            // 检测是否有多个 title 标签
            const titleCount = document.querySelectorAll('title').length;
            if (titleCount > 1) {
                issues.push(`检测到 ${titleCount} 个title标签，文件结构异常`);
            }
            
            // 检测是否有多个 body 标签
            const bodyCount = document.querySelectorAll('body').length;
            if (bodyCount > 1) {
                issues.push(`检测到 ${bodyCount} 个body标签，文件结构异常`);
            }
            
            // 检测是否有多个 pageData 对象（通过脚本内容检测）
            const scripts = document.querySelectorAll('script');
            let pageDataCount = 0;
            scripts.forEach(script => {
                if (script.textContent && script.textContent.includes('pageData')) {
                    pageDataCount++;
                }
            });
            if (pageDataCount > 1) {
                issues.push(`检测到 ${pageDataCount} 个pageData对象，可能导致功能异常`);
            }
            
            return issues;
        }
        
        // 智能 pageData 选择
        function getValidPageData() {
            console.log('getValidPageData 被调用');
            console.log('当前 pageData:', pageData);
            
            // 如果当前 pageData 有效，直接使用
            if (pageData && pageData.fileId && pageData.fileId !== 'null' && pageData.fileId !== null) {
                console.log('使用当前 pageData:', pageData);
                return pageData;
            }
            
            console.log('当前 pageData 无效，尝试查找其他数据源');
            
            // 尝试从页面中查找其他 pageData 对象
            const scripts = document.querySelectorAll('script');
            let foundPageData = null;
            
            for (let script of scripts) {
                if (script.textContent && script.textContent.includes('pageData')) {
                    try {
                        // 尝试提取 pageData 对象
                        const match = script.textContent.match(/const\s+pageData\s*=\s*({[^}]+})/);
                        if (match) {
                            const dataStr = match[1];
                            // 简单的对象解析
                            const fileIdMatch = dataStr.match(/fileId:\s*(\d+)/);
                            if (fileIdMatch) {
                                foundPageData = {
                                    fileId: parseInt(fileIdMatch[1]),
                                    fileName: 'auto-detected',
                                    projectName: 'auto-detected',
                                    author: 'auto-detected'
                                };
                                console.log('找到其他 pageData:', foundPageData);
                                break;
                            }
                        }
                    } catch (e) {
                        console.warn('解析pageData失败:', e);
                    }
                }
            }
            
            const result = foundPageData || pageData;
            console.log('getValidPageData 返回结果:', result);
            return result;
        }
        
        // 页面加载完成后进行完整性检查（仅记录到控制台，不显示给用户）
        document.addEventListener('DOMContentLoaded', function() {
            const issues = validateHtmlFile();
            
            if (issues.length > 0) {
                // 仅在控制台记录，不显示给用户
                console.debug('HTML文件完整性检查发现问题:', issues);
                // 移除用户界面警告显示
            }
        });
        
        // 调试信息
        console.log('用户登录状态:', currentUserAuthenticated);
        console.log('当前用户:', '');
        console.log('页面数据:', pageData);
        console.log('文件ID:', pageData.fileId);
        
        // 全局错误处理
        window.addEventListener('error', function(event) {
            console.error('全局错误:', {
                message: event.message,
                filename: event.filename,
                lineno: event.lineno,
                colno: event.colno,
                error: event.error
            });
        });
        
        // 未处理的Promise拒绝处理
        window.addEventListener('unhandledrejection', function(event) {
            console.error('未处理的Promise拒绝:', {
                reason: event.reason,
                promise: event.promise
            });
        });
        
        // 点击记录函数
        function logClick(action) {
            try {
                // 使用智能 pageData 选择
                const validPageData = getValidPageData();
                if (!validPageData || !validPageData.fileId) {
                    console.debug('No valid file ID available for click logging');
                    return;
                }
                
                // 发送点击记录请求
                fetch('/api/log_click', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        log_type: 'footer_click',
                        action: action,
                        file_id: validPageData.fileId,
                        extra_data: JSON.stringify({
                            page_url: window.location.href,
                            page_title: document.title,
                            timestamp: new Date().toISOString(),
                            file_name: validPageData.fileName,
                            project_name: validPageData.projectName,
                            author: validPageData.author
                        })
                    })
                }).catch(error => {
                    // 静默处理错误，不影响用户体验
                    console.debug('Click logging failed:', error);
                });
            } catch (error) {
                // 静默处理错误
                console.debug('Click logging error:', error);
            }
        }
        
        // 页面加载完成后记录页面访问
        document.addEventListener('DOMContentLoaded', function() {
            // 记录页面访问（可选）
            logClick('page_view');
            
                    // SEO 性能监控
        monitorSeoPerformance();

// 检查用户登录状态和收藏点赞状态
            if (typeof currentUserAuthenticated !== 'undefined' && currentUserAuthenticated) {
                console.log('用户已登录，开始检查收藏点赞状态');
                
                // 使用智能 pageData 选择
                const validPageData = getValidPageData();
                console.log('状态检查 - 获取到的有效数据:', validPageData);
                
                if (validPageData && validPageData.fileId) {
                    console.log('开始检查收藏状态，文件ID:', validPageData.fileId);
                    
                    // 检查收藏状态
                    fetch('/api/check_favorite/' + validPageData.fileId)
                        .then(response => {
                            console.log('检查收藏状态API响应状态:', response.status);
                            return response.json();
                        })
                        .then(data => {
                            console.log('检查收藏状态API响应数据:', data);
                            if (data.success && data.is_favorited) {
                                const favoriteBtn = document.querySelector('.floating-btn.favorite-btn');
                                if (favoriteBtn) {
                                    favoriteBtn.classList.add('favorited');
                                    favoriteBtn.innerHTML = '<i class="bi bi-bookmark-fill"></i>';
                                    console.log('收藏状态已更新为已收藏');
                                } else {
                                    console.warn('未找到收藏按钮元素');
                                }
                            }
                        })
                        .catch(error => {
                            console.error('检查收藏状态失败:', error);
                        });
                    
                    console.log('开始检查点赞状态，文件ID:', validPageData.fileId);
                    
                    // 检查点赞状态
                    fetch('/api/check_like/' + validPageData.fileId)
                        .then(response => {
                            console.log('检查点赞状态API响应状态:', response.status);
                            return response.json();
                        })
                        .then(data => {
                            console.log('检查点赞状态API响应数据:', data);
                            if (data.success && data.is_liked) {
                                const likeBtn = document.querySelector('.floating-btn.like-btn');
                                if (likeBtn) {
                                    likeBtn.classList.add('liked');
                                    likeBtn.innerHTML = '<i class="bi bi-heart-fill"></i>';
                                    console.log('点赞状态已更新为已点赞');
                                } else {
                                    console.warn('未找到点赞按钮元素');
                                }
                            }
                        })
                        .catch(error => {
                            console.error('检查点赞状态失败:', error);
                        });
                } else {
                    console.warn('无法获取有效的文件数据，跳过状态检查');
                }
            } else {
                console.log('用户未登录，跳过收藏点赞状态检查');
            }
        });
        
        // 点赞功能
        function handleLike() {
            console.log('handleLike 被调用');
            logClick('like_click');
            
            // 检查是否登录 - 使用JavaScript检查
            if (typeof currentUserAuthenticated === 'undefined' || !currentUserAuthenticated) {
                console.log('用户未登录，无法点赞');
                showToast('请先登录后再点赞');
                setTimeout(() => {
                    window.location.href = '/login';
                }, 1500);
                return;
            }
            
            console.log('用户已登录，检查文件信息');
            
            // 使用智能 pageData 选择
            const validPageData = getValidPageData();
            console.log('点赞 - 获取到的有效数据:', validPageData);
            
            if (!validPageData || !validPageData.fileId) {
                console.error('点赞失败：无效的文件数据', validPageData);
                showToast('文件信息异常，无法执行点赞操作');
                return;
            }
            
            console.log('开始发送点赞请求，文件ID:', validPageData.fileId);
            
            fetch('/api/like', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    file_id: validPageData.fileId
                })
            })
            .then(response => {
                console.log('点赞API响应状态:', response.status);
                return response.json();
            })
            .then(data => {
                console.log('点赞API响应数据:', data);
                if (data.success) {
                    const likeBtn = document.querySelector('.floating-btn.like-btn');
                    if (data.action === 'liked') {
                        likeBtn.classList.add('liked');
                        likeBtn.innerHTML = '<i class="bi bi-heart-fill"></i>';
                    } else {
                        likeBtn.classList.remove('liked');
                        likeBtn.innerHTML = '<i class="bi bi-heart"></i>';
                    }
                    showToast(data.message);
                } else {
                    showToast('操作失败：' + data.message);
                }
            })
            .catch(error => {
                console.error('点赞请求失败:', error);
                showToast('操作失败，请稍后重试');
            });
        }
        
        // 收藏功能
        function handleFavorite() {
            console.log('handleFavorite 被调用');
            logClick('favorite_click');
            
            // 检查是否登录 - 使用JavaScript检查
            if (typeof currentUserAuthenticated === 'undefined' || !currentUserAuthenticated) {
                console.log('用户未登录，无法收藏');
                showToast('请先登录后再收藏');
                setTimeout(() => {
                    window.location.href = '/login';
                }, 1500);
                return;
            }
            
            console.log('用户已登录，检查文件信息');
            
            // 使用智能 pageData 选择
            const validPageData = getValidPageData();
            console.log('收藏 - 获取到的有效数据:', validPageData);
            
            if (!validPageData || !validPageData.fileId) {
                console.error('收藏失败：无效的文件数据', validPageData);
                showToast('文件信息异常，无法执行收藏操作');
                return;
            }
            
            console.log('开始发送收藏请求，文件ID:', validPageData.fileId);
            
            fetch('/api/favorite', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    file_id: validPageData.fileId
                })
            })
            .then(response => {
                console.log('收藏API响应状态:', response.status);
                return response.json();
            })
            .then(data => {
                console.log('收藏API响应数据:', data);
                if (data.success) {
                    const favoriteBtn = document.querySelector('.floating-btn.favorite-btn');
                    if (data.action === 'favorited') {
                        favoriteBtn.classList.add('favorited');
                        favoriteBtn.innerHTML = '<i class="bi bi-bookmark-fill"></i>';
                    } else {
                        favoriteBtn.classList.remove('favorited');
                        favoriteBtn.innerHTML = '<i class="bi bi-bookmark"></i>';
                    }
                    showToast(data.message);
                } else {
                    showToast('操作失败：' + data.message);
                }
            })
            .catch(error => {
                console.error('收藏请求失败:', error);
                showToast('操作失败，请稍后重试');
            });
        }
        
        // 分享功能
        function handleShare() {
            logClick('share_click');
            
            // 添加点击动画效果
            const shareBtn = document.querySelector('.floating-btn.share-btn');
            shareBtn.style.transform = 'scale(0.9)';
            setTimeout(() => {
                shareBtn.style.transform = '';
            }, 150);
            
            // 显示分享浮层
            const shareOverlay = document.getElementById('shareOverlay');
            shareOverlay.style.display = 'flex';
            document.body.style.overflow = 'hidden';
            
            // 生成二维码
            generateShareQRCode();
        }
        
        // 关闭分享浮层
        function closeShare() {
            const shareOverlay = document.getElementById('shareOverlay');
            shareOverlay.style.display = 'none';
            document.body.style.overflow = '';
        }
        
        // 生成分享二维码
        function generateShareQRCode() {
            const qrContainer = document.getElementById('shareQrCode');
            if (!qrContainer) return;
            
            const currentUrl = window.location.href;
            const apiUrl = `/api/qrcode?content=${encodeURIComponent(currentUrl)}&type=url&size=200&margin=2`;
            
            fetch(apiUrl)
                .then(response => {
                    if (!response.ok) {
                        throw new Error(`网络请求失败: ${response.status}`);
                    }
                    return response.json();
                })
                .then(data => {
                    if (data.success) {
                        qrContainer.innerHTML = `
                            <div class="qr-code-image">
                                <img src="${data.data}" alt="分享二维码" id="qrCodeImage" style="width: 120px; height: 120px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
                            </div>
                        `;
                    } else {
                        throw new Error(data.error || '二维码生成失败');
                    }
                })
                .catch(error => {
                    console.error('二维码生成失败:', error);
                    qrContainer.innerHTML = `
                        <div class="qr-error text-center text-muted">
                            <i class="bi bi-exclamation-triangle me-1"></i>
                            <small>二维码生成失败</small>
                        </div>
                    `;
                });
        }
        
        // 分享到 X (Twitter) - 保持向后兼容性
        function shareToTwitter() {
            const url = window.location.href;
            const title = document.title;
            const projectName = pageData.projectName || '工具';
            
            // 构建分享文本：项目名称 + 链接
            const shareText = `${projectName} - ${title}`;
            
            // 使用 X 的分享 URL（twitter.com 仍然有效，但品牌已更新为 X）
            const xUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(url)}&via=IdoXu401`;
            
            // 添加分享动画效果
            const xButton = document.querySelector('.share-btn.x-twitter');
            if (xButton) {
                xButton.style.transform = 'scale(0.95)';
                setTimeout(() => {
                    xButton.style.transform = '';
                }, 150);
            }
            
            // 打开分享窗口
            const shareWindow = window.open(xUrl, '_blank', 'width=600,height=500,scrollbars=yes,resizable=yes');
            
            // 记录分享行为
            logClick('x_twitter_share');
            
            // 关闭分享菜单
            closeShare();
            
            // 检查窗口是否成功打开
            if (shareWindow) {
                // 添加分享成功提示
                setTimeout(() => {
                    showToast('正在打开 X 分享页面...');
                }, 500);
            } else {
                showToast('请允许弹出窗口以分享到 X');
            }
        }
        
        // 分享到微博
        function shareToWeibo() {
            const url = window.location.href;
            const title = document.title;
            const weiboUrl = `https://service.weibo.com/share/share.php?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`;
            window.open(weiboUrl, '_blank', 'width=600,height=400');
            closeShare();
        }

// 分享到 GitHub
        function shareToGithub() {
            const url = window.location.href;
            const title = document.title;
            const projectName = pageData.projectName || '工具';
            const shareText = `Check out this awesome tool: ${projectName} - ${title}`;
            const githubUrl = `https://github.com/new?description=${encodeURIComponent(shareText)}&filename=${encodeURIComponent(projectName)}.md`;
            window.open(githubUrl, '_blank', 'width=800,height=600');
            closeShare();
        }
        
        // 分享到 Reddit
        function shareToReddit() {
            const url = window.location.href;
            const title = document.title;
            const redditUrl = `https://reddit.com/submit?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`;
            window.open(redditUrl, '_blank', 'width=600,height=500');
            closeShare();
        }
        
        // 分享到 LinkedIn
        function shareToLinkedIn() {
            const url = window.location.href;
            const title = document.title;
            const linkedinUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`;
            window.open(linkedinUrl, '_blank', 'width=600,height=500');
            closeShare();
        }

// 分享到 WhatsApp
        function shareToWhatsApp() {
            const url = window.location.href;
            const title = document.title;
            const projectName = pageData.projectName || '工具';
            const shareText = `${projectName} - ${title}\n\n${url}`;
            const whatsappUrl = `https://wa.me/?text=${encodeURIComponent(shareText)}`;
            window.open(whatsappUrl, '_blank', 'width=400,height=600');
            closeShare();
        }
        
        // 分享到 Telegram
        function shareToTelegram() {
            const url = window.location.href;
            const title = document.title;
            const projectName = pageData.projectName || '工具';
            const shareText = `${projectName} - ${title}\n\n${url}`;
            const telegramUrl = `https://t.me/share/url?url=${encodeURIComponent(url)}&text=${encodeURIComponent(shareText)}`;
            window.open(telegramUrl, '_blank', 'width=400,height=600');
            closeShare();
        }
        
        // 分享到微信
        function shareToWeChat() {
            const url = window.location.href;
            const title = document.title;
            const projectName = pageData.projectName || '工具';
            const shareText = `${projectName} - ${title}\n\n${url}`;
            
            // 微信分享需要特殊处理，这里提供复制链接的方式
            if (navigator.clipboard && window.isSecureContext) {
                navigator.clipboard.writeText(shareText).then(() => {
                    showToast('内容已复制到剪贴板，请打开微信粘贴分享');
                    closeShare();
                }).catch(() => {
                    fallbackCopyTextToClipboard(shareText);
                });
            } else {
                fallbackCopyTextToClipboard(shareText);
            }
        }
        
        // 分享到QQ
        function shareToQQ() {
            const url = window.location.href;
            const title = document.title;
            const projectName = pageData.projectName || '工具';
            const shareText = `${projectName} - ${title}`;
            const qqUrl = `https://connect.qq.com/widget/shareqq/index.html?url=${encodeURIComponent(url)}&title=${encodeURIComponent(shareText)}&summary=${encodeURIComponent(shareText)}`;
            window.open(qqUrl, '_blank', 'width=600,height=500');
            closeShare();
        }
        
        // 关闭分享菜单
        function closeShareMenu() {
            const shareMenu = document.querySelector('div[style*="position: fixed"]');
            if (shareMenu) {
                shareMenu.remove();
            }
        }
        
        // 下载二维码
        function downloadQRCode() {
            const qrImage = document.getElementById('qrCodeImage');
            if (!qrImage) {
                showToast('二维码未生成');
                return;
            }
            
            try {
                // 创建一个临时的canvas来下载图片
                const canvas = document.createElement('canvas');
                const ctx = canvas.getContext('2d');
                canvas.width = qrImage.naturalWidth || 200;
                canvas.height = qrImage.naturalHeight || 200;
                
                // 绘制白色背景
                ctx.fillStyle = '#ffffff';
                ctx.fillRect(0, 0, canvas.width, canvas.height);
                
                // 绘制二维码
                qrImage.onload = function() {
                    ctx.drawImage(qrImage, 0, 0);
                    
                    // 创建下载链接
                    canvas.toBlob(function(blob) {
                        const url = URL.createObjectURL(blob);
                        const a = document.createElement('a');
                        a.href = url;
                        // 使用 DKFile-文件名 格式
                        const fileName = pageData.projectName || '工具';
                        a.download = `DKFile-${fileName}.png`;
                        document.body.appendChild(a);
                        a.click();
                        document.body.removeChild(a);
                        URL.revokeObjectURL(url);
                        showToast('二维码下载成功');
                    }, 'image/png');
                };
                
                // 如果图片已经加载完成
                if (qrImage.complete) {
                    qrImage.onload();
                }
            } catch (error) {
                console.error('下载二维码失败:', error);
                showToast('下载失败，请重试');
            }
        }
        
        // 反馈功能
        function handleFeedback() {
            logClick('feedback_click');
            
            // 添加点击动画效果
            const feedbackBtn = document.querySelector('.floating-btn.feedback-btn');
            feedbackBtn.style.transform = 'scale(0.9)';
            setTimeout(() => {
                feedbackBtn.style.transform = '';
            }, 150);
            
            // 显示反馈浮层
            const feedbackOverlay = document.getElementById('feedbackOverlay');
            feedbackOverlay.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        }
        
        // 关闭反馈浮层
        function closeFeedback() {
            const feedbackOverlay = document.getElementById('feedbackOverlay');
            feedbackOverlay.style.display = 'none';
            document.body.style.overflow = '';
        }
        
        // 显示提示信息
        function showToast(message) {
            const toast = document.createElement('div');
            toast.style.cssText = `
                position: fixed;
                top: 20px;
                left: 50%;
                transform: translateX(-50%);
                background: rgba(0, 0, 0, 0.8);
                color: white;
                padding: 10px 20px;
                border-radius: 5px;
                z-index: 10001;
                font-size: 14px;
            `;
            toast.textContent = message;
            document.body.appendChild(toast);
            
            setTimeout(() => {
                toast.remove();
            }, 3000);
        }

// SEO 性能监控函数
        function monitorSeoPerformance() {
            try {
                // 检查页面加载性能
                const loadTime = performance.now();
                const domContentLoaded = performance.getEntriesByType('navigation')[0]?.domContentLoadedEventEnd || 0;
                
                // 检查SEO元素完整性
                const seoElements = {
                    title: document.title,
                    description: document.querySelector('meta[name="description"]')?.content || '',
                    keywords: document.querySelector('meta[name="keywords"]')?.content || '',
                    ogTitle: document.querySelector('meta[property="og:title"]')?.content || '',
                    ogDescription: document.querySelector('meta[property="og:description"]')?.content || '',
                    canonical: document.querySelector('link[rel="canonical"]')?.href || '',
                    structuredData: document.querySelectorAll('script[type="application/ld+json"]').length
                };
                
                // 记录SEO性能数据
                const seoData = {
                    load_time: Math.round(loadTime),
                    dom_ready_time: Math.round(domContentLoaded),
                    seo_completeness: Object.values(seoElements).filter(v => v && v !== '').length,
                    total_seo_elements: Object.keys(seoElements).length,
                    timestamp: new Date().toISOString()
                };
                
                // 发送SEO性能数据到后端（已禁用）
                // const validPageData = getValidPageData();
                // if (validPageData && validPageData.fileId) {
                //     fetch('/api/log_seo_performance', {
                //         method: 'POST',
                //         headers: { 'Content-Type': 'application/json' },
                //         body: JSON.stringify({
                //             file_id: validPageData.fileId,
                //             seo_data: seoData
                //         })
                //     }).catch(error => console.debug('SEO performance logging failed:', error));
                // }
                
                // 控制台输出SEO信息
                console.log('🔍 SEO Performance:', seoData);
                console.log('📊 SEO Elements:', seoElements);
                
            } catch (error) {
                console.debug('SEO performance monitoring failed:', error);
            }
        }
        
        // 复制链接
        function copyLink() {
            let url = window.location.href;
            url = url.replace('http://', 'https://');
            const title = document.title;
            const textToCopy = `${title}\n${url}`;
            
            if (navigator.clipboard && window.isSecureContext) {
                // 使用现代 Clipboard API
                navigator.clipboard.writeText(textToCopy).then(() => {
                    showToast('链接已复制到剪贴板');
                    closeShare();
                }).catch(() => {
                    fallbackCopyTextToClipboard(textToCopy);
                });
            } else {
                // 备用方法
                fallbackCopyTextToClipboard(textToCopy);
            }
        }
        
        // 备用复制方法
        function fallbackCopyTextToClipboard(text) {
            const textArea = document.createElement('textarea');
            textArea.value = text;
            textArea.style.position = 'fixed';
            textArea.style.left = '-999999px';
            textArea.style.top = '-999999px';
            document.body.appendChild(textArea);
            textArea.focus();
            textArea.select();
            
            try {
                document.execCommand('copy');
                showToast('链接已复制到剪贴板');
                closeShare();
            } catch (err) {
                showToast('复制失败，请手动复制链接');
            }
            
            document.body.removeChild(textArea);
        }
    </script>

<div id="feedbackOverlay" class="floating-overlay" onclick="if(event.target === this) closeFeedback()">
        <div class="floating-panel">
            <div class="floating-header">
                <h5 class="floating-title">
                    <i class="bi bi-chat-dots me-2"></i>问题反馈
                </h5>
                <button type="button" class="floating-close" onclick="closeFeedback()" aria-label="Close">
                    <i class="bi bi-x-lg"></i>
                </button>
            </div>
            <form id="feedbackForm" enctype="multipart/form-data">
                <div class="floating-body">
                    
                    <div class="feedback-tool-info">
                        <i class="bi bi-info-circle me-2"></i>
                        <strong>反馈来源：</strong>Markdown转HTML预览器
                        <br><small class="text-muted">工具链接：http://dkfile.com/flyingants/deepseek_html_20250718_0fc50a.html</small>
                    </div>
                    
                    
                    <div class="feedback-section">
                        <label class="feedback-label">反馈类型</label>
                        <div class="feedback-type-grid">
                            <div class="feedback-type-item">
                                <input type="radio" class="feedback-type-input" name="feedback_type" id="feedback_bug" value="bug">
                                <label class="feedback-type-btn" for="feedback_bug">
                                    问题反馈
                                </label>
                            </div>
                            <div class="feedback-type-item">
                                <input type="radio" class="feedback-type-input" name="feedback_type" id="feedback_feature" value="feature">
                                <label class="feedback-type-btn" for="feedback_feature">
                                    功能建议/需求
                                </label>
                            </div>
                            <div class="feedback-type-item">
                                <input type="radio" class="feedback-type-input" name="feedback_type" id="feedback_support" value="technical_support">
                                <label class="feedback-type-btn" for="feedback_support">
                                    技术支持
                                </label>
                            </div>
                            <div class="feedback-type-item">
                                <input type="radio" class="feedback-type-input" name="feedback_type" id="feedback_business" value="business_cooperation">
                                <label class="feedback-type-btn" for="feedback_business">
                                    商务合作
                                </label>
                            </div>
                            <div class="feedback-type-item">
                                <input type="radio" class="feedback-type-input" name="feedback_type" id="feedback_other" value="other" checked>
                                <label class="feedback-type-btn" for="feedback_other">
                                    其他
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="feedback-section">
                        <label for="feedbackContent" class="feedback-label">反馈内容</label>
                        <div class="feedback-textarea-wrapper">
                            <textarea class="feedback-textarea" 
                                      id="feedbackContent" 
                                      name="description" 
                                      rows="6" 
                                      placeholder="请详细描述您的问题或建议..." 
                                      maxlength="1000" 
                                      required>

0/1000

请尽可能详细地描述，这有助于我们更好地理解和解决问题

问题解决后，会通过你的帐号邮箱给你回复，也能在我的反馈查看问题处理进度。

一键分享到这些平台