" + escapeHtml(title) + "

"); if (desc) { lines.push('

' + escapeHtml(desc) + "

"); } lines.push("

"); questions.forEach(function (q, i) { lines.push('

'); lines.push( " " + (i + 1) + ". " + escapeHtml(q.text) + (q.required ? '*' : "") + "" ); if (q.type === "text") { lines.push( ' " ); } else if (q.type === "textarea") { lines.push( ' " ); } else if (q.type === "radio") { q.options.forEach(function (opt) { lines.push( ' " + escapeHtml(opt) + "" ); }); } else if (q.type === "checkbox") { q.options.forEach(function (opt) { lines.push( ' ' + escapeHtml(opt) + "" ); }); } else if (q.type === "rating") { var ratingOptions = ["1-很差", "2-较差", "3-一般", "4-较好", "5-很好"]; ratingOptions.forEach(function (opt) { lines.push( ' " + opt + "" ); }); } else if (q.type === "nps") { lines.push('

'); for (var n = 0; n <= 10; n++) { lines.push( ' " + n + "" ); } lines.push("

"); } lines.push("

"); }); lines.push(' '); lines.push("

"); lines.push(""); lines.push(""); return lines.join("\n"); } function generateMarkdown() { var title = document.getElementById("formTitle").value || "反馈表单"; var desc = document.getElementById("formDescription").value; var lines = []; lines.push("# " + title); if (desc) lines.push("\n" + desc + "\n"); lines.push("---\n"); questions.forEach(function (q, i) { lines.push("### " + (i + 1) + ". " + q.text + (q.required ? " *" : "")); if (q.type === "text" || q.type === "textarea") { lines.push("\n_________________________________\n"); } else if (q.type === "radio" || q.type === "checkbox") { q.options.forEach(function (opt) { lines.push("- [ ] " + opt); }); lines.push(""); } else if (q.type === "rating") { lines.push("- [ ] 1-很差 [ ] 2-较差 [ ] 3-一般 [ ] 4-较好 [ ] 5-很好\n"); } else if (q.type === "nps") { lines.push("0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10\n"); } }); lines.push("---\n*表单生成于 " + new Date().toLocaleString() + "*"); return lines.join("\n"); } function generateJSON() { var data = { title: document.getElementById("formTitle").value || "反馈表单", description: document.getElementById("formDescription").value, questions: questions.map(function (q) { var qData = { text: q.text, type: q.type, required: q.required }; if (q.type === "radio" || q.type === "checkbox") { qData.options = q.options; } return qData; }), createdAt: new Date().toISOString() }; return JSON.stringify(data, null, 2); } function copyOutput() { var content = ""; if (currentTab === "preview") { content = generateMarkdown(); } else { var codePreview = document.getElementById("codePreview"); if (codePreview) content = codePreview.textContent; } navigator.clipboard.writeText(content).then(function () { showToast("已复制到剪贴板"); }); } function downloadOutput() { var title = document.getElementById("formTitle").value || "反馈表单"; var content = ""; var ext = ""; if (currentTab === "html") { content = generateHTML(); ext = "html"; } else if (currentTab === "json") { content = generateJSON(); ext = "json"; } else { content = generateMarkdown(); ext = "md"; } var blob = new Blob([content], { type: "text/plain;charset=utf-8" }); var url = URL.createObjectURL(blob); var a = document.createElement("a"); a.href = url; a.download = title + "." + ext; a.click(); URL.revokeObjectURL(url); } function shareLink() { var data = { title: document.getElementById("formTitle").value, description: document.getElementById("formDescription").value, questions: questions }; try { var encoded = btoa(encodeURIComponent(JSON.stringify(data))); var url = location.origin + location.pathname + "#" + encoded; navigator.clipboard.writeText(url); showToast("分享链接已复制"); } catch (e) { showToast("生成链接失败"); } } function loadFromUrl() { var hash = location.hash.slice(1); if (!hash) return false; try { var data = JSON.parse(decodeURIComponent(atob(hash))); document.getElementById("formTitle").value = data.title || ""; document.getElementById("formDescription").value = data.description || ""; if (data.questions) questions = data.questions; return true; } catch (e) { return false; } } function saveToStorage() { var data = { title: document.getElementById("formTitle").value, description: document.getElementById("formDescription").value, questions: questions }; localStorage.setItem(LS_KEY, JSON.stringify(data)); } function loadFromStorage() { var saved = localStorage.getItem(LS_KEY); if (saved) { try { var data = JSON.parse(saved); document.getElementById("formTitle").value = data.title || ""; document.getElementById("formDescription").value = data.description || ""; if (data.questions) questions = data.questions; } catch (e) { console.error("Failed to load from storage"); } } } function showToast(message) { var toast = document.createElement("div"); toast.style.cssText = "position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--accent-color);color:#000;padding:12px 24px;border-radius:8px;z-index:1000;font-size:14px;"; toast.textContent = message; document.body.appendChild(toast); setTimeout(function () { toast.remove(); }, 2000); } window.toggleTheme = function () { var body = document.body; var currentTheme = body.getAttribute("data-theme"); var newTheme = currentTheme === "light" ? "dark" : "light"; body.setAttribute("data-theme", newTheme); localStorage.setItem("theme", newTheme); }; init();

反馈表单生成器

" + escapeHtml(title) + "