[{"data":1,"prerenderedAt":304},["ShallowReactive",2],{"i-lucide:menu":3,"i-lucide:moon":8,"i-lucide:sun":10,"i-lucide:chevron-down":12,"i-lucide:check":14,"i-lucide:file-text":16,"i-lucide:box":18,"i-lucide:code-2":20,"i-lucide:image":22,"i-lucide:square-sigma":24,"i-lucide:gamepad-2":26,"i-lucide:sparkles":28,"tool-content-html-editor":30,"i-lucide:upload":259,"i-lucide:undo-2":261,"i-lucide:search":263,"i-lucide:smartphone":265,"i-lucide:tablet":267,"i-lucide:monitor":269,"i-lucide:download":271,"i-lucide:redo-2":273,"i-lucide:pause":275,"i-lucide:presentation":277,"i-lucide:type":279,"i-lucide:shield":281,"i-lucide:mouse-pointer-click":283,"i-lucide:layout-template":285,"i-lucide:pen-line":287,"i-lucide:share-2":289,"i-lucide:file-code":291,"i-lucide:binary":293,"i-lucide:arrow-up-right":295,"i-lucide:move":297,"i-material-symbols:language":299,"i-lucide:film":299,"i-lucide:graduation-cap":299,"i-tabler:markdown":299,"i-lucide:code-xml":299,"i-lucide:megaphone":300,"i-lucide:coins":302},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\u002F>\u003Cpath d=\"m3.3 7l8.7 5l8.7-5M12 22V12\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\u002F>\u003Ccircle cx=\"9\" cy=\"9\" r=\"2\"\u002F>\u003Cpath d=\"m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":25},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M16 8.9V7H8l4 5l-4 5h8v-1.9\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":27},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":29},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4\"\u002F>\u003Ccircle cx=\"4\" cy=\"20\" r=\"2\"\u002F>\u003C\u002Fg>",{"strings":31,"features":136,"steps":167,"useCases":188,"article":232},{"zh":32,"en":84},{"heroLead":33,"upload":34,"undo":35,"redo":36,"findReplace":37,"pause":38,"resume":39,"pauseHint":40,"resumeHint":41,"pausedBadge":42,"examples":43,"exampleWelcome":44,"exampleWelcomeDesc":45,"exampleSlides":46,"exampleSlidesDesc":47,"export":48,"shareLink":49,"cannotDeleteRoot":50,"download":51,"findPlaceholder":52,"replacePlaceholder":53,"noMatches":54,"prevMatch":55,"nextMatch":56,"replaceCurrent":57,"replaceAll":58,"replaceAllConfirm":59,"replacedCount":60,"vpMobile":61,"vpTablet":62,"vpDesktop":63,"stageTitle":64,"loading":65,"editText":66,"bold":67,"fontFamily":68,"fontDefault":69,"fontSmaller":70,"fontLarger":71,"color":72,"align":73,"replaceImage":74,"delete":75,"faq1q":76,"faq1a":77,"faq2q":78,"faq2a":79,"faq3q":80,"faq3a":81,"faq4q":82,"faq4a":83},"上传 HTML，点选元素直接改文字、字体、配图，拖拽调整顺序，无需写代码","上传 HTML","撤销","重做","查找替换文字","暂停编辑","继续编辑","暂停编辑，让页面里的交互（按钮、翻页、弹层等）正常触发，方便编辑交互后才出现的内容","恢复编辑：重新启用点选、改字、拖拽","编辑已暂停 · 页面可正常交互","示例","欢迎页 Demo","基础落地页，含标题与卡片","幻灯片 Demo","可翻页的 HTML 演示稿（← \u002F →）","导出","生成分享链接","页面主体结构（html \u002F body）不可删除","下载 HTML","查找文字…（Enter 下一个）","替换为…","无匹配","上一个（Shift+Enter）","下一个（Enter）","替换当前","全部替换","确认替换全部 {0} 处？","已替换 {0} 处","手机","平板","桌面","可视化编辑区","加载中…","编辑文字","加粗","字体","默认字体","缩小字号","放大字号","文字颜色","对齐方式","替换图片","删除元素","编辑后的图片会丢失吗？","不会。你替换的图片会以 base64 编码直接内嵌进 HTML，下载后的文件在任何电脑、任何地方打开都能正常显示图片，无需额外附带图片文件。","拖拽会不会把页面排版搞乱？","不会。编辑器会智能识别元素的排版方式：处于正常文档流（flex \u002F grid）中的元素采用\"排序式\"拖拽，释放后自动吸附回原本的排列规则，换屏不乱；只有原本就是绝对定位的装饰元素才允许自由拖到任意坐标。","需要懂 HTML 或 CSS 吗？","不需要。整个编辑过程都在渲染后的页面上进行：点选、改字、换色、换图、删除、拖拽，全程不展示也不需要看源码。改完一键下载即可。","我的 HTML 会上传到服务器吗？","不会。所有编辑都在你的浏览器本地完成，HTML 与图片都不会离开你的设备，关闭页面前会自动缓存到本地，刷新不丢失。",{"heroLead":85,"upload":86,"undo":87,"redo":88,"findReplace":89,"pause":90,"resume":91,"pauseHint":92,"resumeHint":93,"pausedBadge":94,"examples":95,"exampleWelcome":96,"exampleWelcomeDesc":97,"exampleSlides":98,"exampleSlidesDesc":99,"export":100,"shareLink":101,"cannotDeleteRoot":102,"download":103,"findPlaceholder":104,"replacePlaceholder":105,"noMatches":106,"prevMatch":107,"nextMatch":108,"replaceCurrent":109,"replaceAll":110,"replaceAllConfirm":111,"replacedCount":112,"vpMobile":113,"vpTablet":114,"vpDesktop":115,"stageTitle":116,"loading":117,"editText":118,"bold":119,"fontFamily":120,"fontDefault":121,"fontSmaller":122,"fontLarger":123,"color":124,"align":125,"replaceImage":126,"delete":127,"faq1q":128,"faq1a":129,"faq2q":130,"faq2a":131,"faq3q":132,"faq3a":133,"faq4q":134,"faq4a":135},"Upload HTML, click elements to edit text, fonts and images, drag to reorder — no code required","Upload HTML","Undo","Redo","Find & replace text","Pause editing","Resume editing","Pause editing so the page's own interactions (buttons, slide flips, popovers) fire normally — handy for editing content that only appears after interacting","Resume editing: re-enable select, edit and drag","Editing paused · page interactions are live","Examples","Welcome demo","A basic landing page with heading and cards","Slides demo","A flip-through HTML deck (← \u002F →)","Export","Create share link","The page's root structure (html \u002F body) can't be deleted","Download HTML","Find text… (Enter = next)","Replace with…","No matches","Previous (Shift+Enter)","Next (Enter)","Replace","Replace All","Replace all {0} matches?","Replaced {0}","Mobile","Tablet","Desktop","Visual editing stage","Loading…","Edit text","Bold","Font","Default font","Smaller","Larger","Text color","Alignment","Replace image","Delete element","Will my replaced images be lost?","No. Images you upload are embedded directly into the HTML as base64, so the downloaded file displays every image correctly on any computer, anywhere — no separate image files needed.","Will dragging break the layout?","No. The editor detects each element's layout context: elements in normal document flow (flex \u002F grid) use reorder-style dragging that snaps back into the original layout rules, so it stays correct across screen sizes. Only elements that were already absolutely positioned can be freely dragged to any coordinate.","Do I need to know HTML or CSS?","No. Everything happens on the rendered page: select, edit text, recolor, swap images, delete, drag — the source code is never shown and never needed. Download the result with one click.","Does my HTML get uploaded to a server?","No. All editing happens locally in your browser; your HTML and images never leave your device, and your work is auto-cached locally so a refresh won't lose it.",{"zh":137,"en":154},[138,142,146,150],{"icon":139,"title":140,"desc":141},"lucide:mouse-pointer-click","点选即改","点击页面元素直接编辑文字，所见即所得",{"icon":143,"title":144,"desc":145},"lucide:image","图片内嵌","上传配图自动转 base64 嵌入，下载后随处可看",{"icon":147,"title":148,"desc":149},"lucide:move","智能拖拽","按原排版方式自适应排序，换屏不乱",{"icon":151,"title":152,"desc":153},"lucide:shield","本地隐私","全程浏览器本地编辑，HTML 不上传",[155,158,161,164],{"icon":139,"title":156,"desc":157},"Click to Edit","Click any element to edit text in place — WYSIWYG",{"icon":143,"title":159,"desc":160},"Embedded Images","Uploaded images embed as base64 — portable anywhere",{"icon":147,"title":162,"desc":163},"Smart Drag","Reorders within the original layout, stays responsive",{"icon":151,"title":165,"desc":166},"Local & Private","Edits run locally; your HTML is never uploaded",{"zh":168,"en":179},[169,172,175],{"icon":170,"title":34,"desc":171},"lucide:upload","拖入或选择 AI 生成的 .html 文件",{"icon":139,"title":173,"desc":174},"点选编辑","点中元素改文字、字体、颜色、配图",{"icon":176,"title":177,"desc":178},"lucide:download","下载成品","一键导出干净可用的新 HTML 文件",[180,182,185],{"icon":170,"title":86,"desc":181},"Drop or pick an AI-generated .html file",{"icon":139,"title":183,"desc":184},"Click & Edit","Select elements to edit text, fonts, colors, images",{"icon":176,"title":186,"desc":187},"Download","Export a clean, ready-to-use HTML file",{"zh":189,"en":213},[190,194,198,202,205,209],{"icon":191,"title":192,"desc":193},"lucide:megaphone","改落地页文案","AI 生成的落地页临时改文案、换主图，不等开发",{"icon":195,"title":196,"desc":197},"lucide:file-text","润色 AI 报告","HTML 报告里改个数字、润一段话，不必重喂 AI",{"icon":199,"title":200,"desc":201},"lucide:presentation","调 HTML 幻灯片","HTML 演示 deck 临场改标题、换配图",{"icon":143,"title":203,"desc":204},"替换页面配图","上传自己的图片内嵌，下载后随处可打开",{"icon":206,"title":207,"desc":208},"lucide:type","改字体颜色","选中文字调整字体、字号、颜色与对齐",{"icon":210,"title":211,"desc":212},"lucide:coins","省 token 改字","小修改手动点选即可，不再为一个字烧 token",[214,217,220,223,226,229],{"icon":191,"title":215,"desc":216},"Edit Landing Copy","Tweak copy and hero images on AI landing pages, no dev needed",{"icon":195,"title":218,"desc":219},"Polish AI Reports","Fix a number or polish a line without re-prompting AI",{"icon":199,"title":221,"desc":222},"Adjust HTML Slides","Edit titles and swap images on HTML decks on the fly",{"icon":143,"title":224,"desc":225},"Swap Page Images","Embed your own image; it opens anywhere after download",{"icon":206,"title":227,"desc":228},"Restyle Text","Change font, size, color and alignment of any text",{"icon":210,"title":230,"desc":231},"Save Tokens","Small edits by clicking — never burn tokens on one word",{"zh":233,"en":246},[234,237,240,243],{"title":235,"content":236},"为什么 2026 年你需要一个可视化 HTML 编辑器？","\u003Cp>随着 ChatGPT、Claude、Gemini 等 AI 越来越擅长直接输出 HTML——落地页、报告、原型、幻灯片——一个新痛点也随之出现：\u003Cstrong>拿到 HTML 后，只想改一个字、换一张图，却要再开一轮 AI 对话\u003C\u002Fstrong>。这既慢又费 token，而且 AI 重新生成时还可能改坏其他地方。\u003C\u002Fp>\u003Cp>MeTool 可视化 HTML 编辑器给出的答案很简单：\u003Cstrong>能手动点一下就改好的事，就别再麻烦 AI。\u003C\u002Fstrong>上传 HTML，页面直接渲染出来，点中任意元素就能改文字、换字体颜色、替换配图、拖拽调整顺序——全程不看一行代码。这正是 HtmlDrag、HeyHTML 等海外产品反复强调的\"AI 出码后的最后 10% 打磨\"。\u003C\u002Fp>",{"title":238,"content":239},"核心功能","\u003Ch3>点选改文字\u003C\u002Fh3>\u003Cp>点中任意元素，双击即可进入文字编辑，像编辑文档一样直接改写措辞。\u003C\u002Fp>\u003Ch3>改字体、字号、颜色与对齐\u003C\u002Fh3>\u003Cp>选中元素后浮动工具栏即时调整字体、字号、颜色、对齐与加粗，所见即所得。\u003C\u002Fp>\u003Ch3>替换配图（base64 内嵌）\u003C\u002Fh3>\u003Cp>选中图片上传新图，自动转成 base64 内嵌进 HTML——下载后的文件在任何地方打开都能正常显示图片，不必额外携带图片文件。\u003C\u002Fp>\u003Ch3>智能拖拽排序\u003C\u002Fh3>\u003Cp>处于 flex \u002F grid 文档流中的元素采用排序式拖拽，释放后自动吸附回原本的排列规则，换屏不乱；绝对定位的装饰元素则可自由拖到任意位置。\u003C\u002Fp>\u003Ch3>HTML 幻灯片编辑\u003C\u002Fh3>\u003Cp>AI 生成的 HTML 幻灯片（基于 reveal.js、自定义 deck 等各类方案）可直接载入编辑器。暂停编辑模式下自由翻页浏览，恢复编辑后在任意页修改文字、换图、调整排版，导出时支持多页 PDF 或逐页 PNG 压缩包。\u003C\u002Fp>\u003Ch3>删除、撤销重做、查找替换\u003C\u002Fh3>\u003Cp>一键删除多余元素，最多 50 步撤销\u002F重做，全局查找替换文字一次改完所有相同措辞。\u003C\u002Fp>",{"title":241,"content":242},"如何使用 MeTool 可视化 HTML 编辑器","\u003Col>\u003Cli>\u003Cstrong>上传 HTML：\u003C\u002Fstrong>点击\"上传 HTML\"选择 AI 生成或已有的 .html 文件，页面立即渲染。\u003C\u002Fli>\u003Cli>\u003Cstrong>点选编辑：\u003C\u002Fstrong>点击任意元素选中，用浮动工具栏改文字、字体、颜色、换图、删除或拖拽。\u003C\u002Fli>\u003Cli>\u003Cstrong>下载成品：\u003C\u002Fstrong>满意后点\"下载 HTML\"，导出剥离了编辑层的干净文件，可在任何浏览器打开，也可重新拖回继续编辑。\u003C\u002Fli>\u003C\u002Fol>",{"title":244,"content":245},"可视化编辑 vs 对话式 AI 修改：什么时候用哪个？","\u003Cp>可视化手动编辑和对话式 AI 修改并不冲突，各有适用场景：\u003C\u002Fp>\u003Ctable>\u003Ctr>\u003Cth>需求\u003C\u002Fth>\u003Cth>推荐方式\u003C\u002Fth>\u003Cth>理由\u003C\u002Fth>\u003C\u002Ftr>\u003Ctr>\u003Ctd>改一句文案 \u002F 一个数字\u003C\u002Ftd>\u003Ctd>可视化编辑\u003C\u002Ftd>\u003Ctd>点一下即可，秒级完成，不费 token\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>换一张配图\u003C\u002Ftd>\u003Ctd>可视化编辑\u003C\u002Ftd>\u003Ctd>上传内嵌，所见即所得\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>调整模块顺序\u003C\u002Ftd>\u003Ctd>可视化编辑\u003C\u002Ftd>\u003Ctd>拖拽即可，自动保持响应式排版\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>新增一整个章节 \u002F 重构布局\u003C\u002Ftd>\u003Ctd>对话式 AI\u003C\u002Ftd>\u003Ctd>结构性变更更适合让 AI 重写\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>改设计风格 \u002F 配色体系\u003C\u002Ftd>\u003Ctd>对话式 AI\u003C\u002Ftd>\u003Ctd>系统性样式改动一句话更高效\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003Cp>一句话总结：\u003Cstrong>\"改内容\"用可视化编辑器，\"改结构\"再找 AI\u003C\u002Fstrong>。把昂贵的 AT 调用留给真正需要它的地方。\u003C\u002Fp>",[247,250,253,256],{"title":248,"content":249},"Why you need a visual HTML editor in 2026","\u003Cp>As ChatGPT, Claude and Gemini get better at outputting HTML directly — landing pages, reports, prototypes, slides — a new pain point appears: \u003Cstrong>once you have the HTML, you only want to change a word or swap an image, yet you have to spin up another AI conversation.\u003C\u002Fstrong> That's slow, burns tokens, and the AI might break something else while regenerating.\u003C\u002Fp>\u003Cp>The MeTool Visual HTML Editor's answer is simple: \u003Cstrong>if you can fix it with a click, don't bother the AI.\u003C\u002Fstrong> Upload HTML, see it rendered, click any element to edit text, change fonts and colors, swap images, and drag to reorder — without reading a single line of code. This is exactly the \"last 10% of polish after AI generates code\" that tools like HtmlDrag and HeyHTML emphasize.\u003C\u002Fp>",{"title":251,"content":252},"Key features","\u003Ch3>Click to edit text\u003C\u002Fh3>\u003Cp>Click any element and double-click to edit its text — rewrite copy as easily as editing a document.\u003C\u002Fp>\u003Ch3>Fonts, sizes, colors & alignment\u003C\u002Fh3>\u003Cp>Select an element and the floating toolbar lets you instantly adjust font family, size, color, alignment and bold — what you see is what you get.\u003C\u002Fp>\u003Ch3>Replace images (base64 embedded)\u003C\u002Fh3>\u003Cp>Select an image, upload a new one, and it's embedded as base64 — the downloaded file shows every image correctly anywhere, no separate image files required.\u003C\u002Fp>\u003Ch3>Smart drag reordering\u003C\u002Fh3>\u003Cp>Elements in flex \u002F grid flow use reorder-style dragging that snaps back into the original layout rules and stays responsive; absolutely-positioned decorative elements can be freely dragged anywhere.\u003C\u002Fp>\u003Ch3>HTML slide deck editing\u003C\u002Fh3>\u003Cp>AI-generated HTML slide decks — built on reveal.js, custom deck layouts, or any other approach — load directly into the editor. Pause editing to flip through slides freely, then resume to edit text, swap images, or tweak layouts on any slide. Export as a multi-page PDF or a ZIP of per-slide PNGs.\u003C\u002Fp>\u003Ch3>Delete, undo\u002Fredo, find & replace\u003C\u002Fh3>\u003Cp>Delete extra elements with one click, up to 50 steps of undo\u002Fredo, and a global find-and-replace to update all matching text at once.\u003C\u002Fp>",{"title":254,"content":255},"How to use the MeTool Visual HTML Editor","\u003Col>\u003Cli>\u003Cstrong>Upload HTML:\u003C\u002Fstrong> click \"Upload HTML\" to pick an AI-generated or existing .html file — it renders instantly.\u003C\u002Fli>\u003Cli>\u003Cstrong>Click & edit:\u003C\u002Fstrong> click any element to select it, then use the floating toolbar to edit text, fonts, colors, swap images, delete, or drag.\u003C\u002Fli>\u003Cli>\u003Cstrong>Download:\u003C\u002Fstrong> click \"Download HTML\" to export a clean file with the editing layer stripped out — it opens in any browser and can be dragged back in to keep editing.\u003C\u002Fli>\u003C\u002Fol>",{"title":257,"content":258},"Visual editing vs conversational AI edits: which when?","\u003Cp>Manual visual editing and conversational AI edits aren't mutually exclusive — each fits different needs:\u003C\u002Fp>\u003Ctable>\u003Ctr>\u003Cth>Need\u003C\u002Fth>\u003Cth>Recommended\u003C\u002Fth>\u003Cth>Why\u003C\u002Fth>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Change a phrase \u002F number\u003C\u002Ftd>\u003Ctd>Visual editor\u003C\u002Ftd>\u003Ctd>One click, instant, zero tokens\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Swap an image\u003C\u002Ftd>\u003Ctd>Visual editor\u003C\u002Ftd>\u003Ctd>Upload and embed, WYSIWYG\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Reorder sections\u003C\u002Ftd>\u003Ctd>Visual editor\u003C\u002Ftd>\u003Ctd>Just drag; layout stays responsive\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Add a whole section \u002F restructure\u003C\u002Ftd>\u003Ctd>Conversational AI\u003C\u002Ftd>\u003Ctd>Structural changes suit AI rewriting\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Change design system \u002F palette\u003C\u002Ftd>\u003Ctd>Conversational AI\u003C\u002Ftd>\u003Ctd>Systematic style changes are faster in one prompt\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003Cp>In short: \u003Cstrong>use the visual editor for content, call the AI for structure.\u003C\u002Fstrong> Save the expensive AI calls for where they're truly needed.\u003C\u002Fp>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":260},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":262},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M9 14L4 9l5-5\"\u002F>\u003Cpath d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":264},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":266},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M12 18h.01\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":268},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M12 18h.01\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":270},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M8 21h8m-4-4v4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":272},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u002F>\u003Cpath d=\"m7 10l5 5l5-5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":274},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m15 14l5-5l-5-5\"\u002F>\u003Cpath d=\"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":276},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"5\" height=\"18\" x=\"14\" y=\"3\" rx=\"1\"\u002F>\u003Crect width=\"5\" height=\"18\" x=\"5\" y=\"3\" rx=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":278},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 3h20m-1 0v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3m4 18l5-5l5 5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":280},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2M9 20h6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":282},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":284},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 4.1L12 6M5.1 8l-2.9-.8M6 12l-1.9 2M7.2 2.2L8 5.1m1.037 4.59a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":286},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"18\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\u002F>\u003Crect width=\"9\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\u002F>\u003Crect width=\"5\" height=\"7\" x=\"16\" y=\"14\" rx=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":288},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 21h8m.174-14.188a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":290},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"18\" cy=\"5\" r=\"3\"\u002F>\u003Ccircle cx=\"6\" cy=\"12\" r=\"3\"\u002F>\u003Ccircle cx=\"18\" cy=\"19\" r=\"3\"\u002F>\u003Cpath d=\"m8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":292},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5m-10 4.5L8 15l2 2.5m4-5l2 2.5l-2 2.5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":294},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"4\" height=\"6\" x=\"14\" y=\"14\" rx=\"2\"\u002F>\u003Crect width=\"4\" height=\"6\" x=\"6\" y=\"4\" rx=\"2\"\u002F>\u003Cpath d=\"M6 20h4m4-10h4M6 14h2v6m6-16h2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":296},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":298},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 2v20m3-3l-3 3l-3-3M19 9l3 3l-3 3M2 12h20M5 9l-3 3l3 3M9 5l3-3l3 3\"\u002F>",null,{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":301},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M6 14a12 12 0 0 0 2.4 7.2a2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14M8 6v8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":303},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M13.744 17.736a6 6 0 1 1-7.48-7.48M15 6h1v4\"\u002F>\u003Cpath d=\"m6.134 14.768l.866-.5l2 3.464\"\u002F>\u003Ccircle cx=\"16\" cy=\"8\" r=\"6\"\u002F>\u003C\u002Fg>",1782320148458]