fix(editor): 修复编辑器样式和功能问题

修复编辑器容器高度设置问题，统一h2标签为h1
调整图片和视频的显示样式，修复表格背景色
优化编辑器工具栏功能，修复链接插入逻辑

js/details.js

@@ -130,6 +130,25 @@ const appSectionIndex = createApp({
 
                 if (!targetInfo.hidden) targetInfo.hidden = 0;
 
+                targetInfo.attachments = {
+                    images: [
+                        {
+                            aid: 708161,
+                            url: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-S_pItc37qqsgFptxhXa6RWi26P-BuTQYWFOfCsdkb8LQ0NDI5",
+                        },
+                    ],
+                    files: [],
+                    videos: [
+                        {
+                            aid: 1009770,
+                            posterid: 1009849,
+                            posterurl: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG_Y2l-U_polfXuP1NFX9ddrB_WbUGy8P79gQxdHR-HKts0V7NkzNDQyOQ~~",
+                            url: "https://o.x-php.com/Zvt57TuJSUvkyhw-xG_Y2l-U_polcniG1NFX9ddrB_WbUGy8P79gQxcSFbqQ78MV7NkzNDQyOQ~~",
+                        },
+                    ],
+                };
+
+                // targetInfo.content = '<p style="text-align: center;">红红火火<strong>恍恍惚惚</strong></p>[b]红红火火恍恍惚惚有[/b]<p>\n</p><p>\n</p><p>[attach]1009770[/attach]</p><p>\n</p><p>\n</p><p style="text-align: center;">[img=96]708161[/img]</p><p style="text-align: center;">65456456456456465&nbsp;<a href="11111" target="_blank" contenteditable="false">111</a>&nbsp;</p><p style="text-align: center;">\n</p>';
                 targetInfo.content = '如果你热爱古典文献，又希望在现代职场大展身手——这个项目可能就是你的“本命”！作为香港最正统的中国语言文学项目，它既传承经典，又为你打跨境传播等全新赛道！\n\n<b>🌟 项目核心亮点</b>权威认证：中国语言文学专业认证，考公考编无障碍\n古今结合：深耕古典文献与理论，同时对接AI内容创作等新兴领域\n语言友好：全程中文授课（普通话+粤语），无语言适应压力\n规模可观：每年录取150+，机会相对较多\n\n点击前往 [港校项目库] 查看  \n<a href="https://program.gter.net/details/tf1yFYIBSda7Y5k7s9iHeLVSxDiuYTljNA~~" target="_blank" contenteditable="false">中国语言文学</a>\n手机扫码查看\n[attachimg]1008942[/attachimg]\n\n<b>🎯 谁最适合申请？</b>中文系、汉语言、古代文学等对口专业背景\n希望在教育、传媒、AI内容或国际中文教育领域发展\n看重学校声誉与专业正统性的同学\n<b>💼 毕业出路超多元</b>除了教师、公务员等传统路径，毕业生还活跃于：\n✔ 跨境文化传播\n✔ AI内容策划与生成\n✔ 国际中文教育\n✔ 出版与编辑行业\n<b>📌 申请指南</b>专业背景：严格限定中文相关专业，暂不接受跨专业申请\n成绩要求：985/211同学建议86+\n语言成绩：雅思7.0（小分5.5）即可\n面试体验：氛围轻松，专业问题较少\n<b>💡 内部消息参考</b>前几轮拿到面试邀请的同学基本都能录取\n985背景优势明显，建议尽早提交申请\n双非同学如背景特别匹配也可尝试\n<b>🤝 欢迎交流</b>你对中国文学在AI时代的发展有什么想法？或者对哪个就业方向，申请问题欢迎在评论区分享交流！\n欢迎加入寄托香港群交流\n\n[attachimg]969489[/attachimg]';
 
                 // 替换换行
@@ -194,6 +213,25 @@ const appSectionIndex = createApp({
             // 4. 还原粗体标记为h2标签
             html = html.replace(/\[b\]([\s\S]*?)\[\/b\]/gi, "<h2>$1</h2>");
 
+            // 5. 还原【新增图片格式】[img=width,height]aid[/img] 或 [img]aid[/img]
+            html = html.replace(/\[img(?:=([0-9]+(?:\.[0-9]+)?)(?:,([0-9]+(?:\.[0-9]+)?))?)?\](\d+)\[\/img\]/gi, (match, width, height, aid) => {
+                const image = imageList.find((img) => String(img.aid) === String(aid)); // 统一字符串比较，避免类型问题
+                if (!image) return match;
+
+                // 从列表中移除已匹配的图片（避免重复使用）
+                const index = imageList.findIndex((img) => String(img.aid) === String(aid));
+                if (index > -1) imageList.splice(index, 1);
+
+                // 拼接img标签（带宽高样式，宽高为0则不设置）
+                let style = "";
+                const w = width ? Number(width) : 0;
+                const h = height ? Number(height) : 0;
+                if (w > 0 && h > 0) style = `style="width: ${w}px; height: ${h}px;"`;
+                else if (w > 0) style = `style="width: ${w}px;"`;
+
+                return `<img src="${image.url}" ${style}>`;
+            });
+
             console.log(html);
 
             // 5. 统一在单次遍历中按出现顺序替换 attach/attachimg