欧博娱乐11月3日更新 AI内容编辑器v1.3（大量优化格式/数学公式及图片导出逻辑等）

本帖最后由 bdxs2019 于 2025-11-3 00:19 编辑

这个是2024年年底有个当老师的朋友提的需求（之前AI刚出来时，欧博娱乐老师用AI生成的内容复制到群里时，都带各种符号，一看就是AI生成，而且不便于阅读），今年年初制作了这个处理符号的小工具，后面因为用到很多AI生成的对比表格，复制出来再次编辑很不方便，增加了表格导出Excel格式。现在个别AI模型解决了复制带符号的问题。

11月3日更新内容：
1、修复部分格式在导出时，和预览的格式不一致问题；
2、修改导出长图的逻辑，采用更加直接的方式，同时优化了复杂数学公式导出效果（存在一点小瑕疵）；
3、优化了整体文件结构（全部本地化调用，可离线使用）；
4、支持代码格式导出；
5、修复一批已知问题。

2025.11.3 AI内容编辑器V1.3源码下载（无任何加密）：

AI内容编辑器1.3.zip (1.21 MB, 下载次数: 222)

2025-11-3 00:05 上传
点击文件名下载附件
下载积分: 吾爱币 -1 CB

这个工具主要作用：AI生成的文本内容、表格、公式等等，复制出来会带符号或排版是错乱的，需要花不少时间进行手动编辑，而用这个工具可以节省很多编辑时间...
在线体验：https://www.qingqiqifu.cn/aibj/

使用说明：
      1、导出的doc和xlsx格式支持WPS和Microsoft Office 打开，其他非常见的office没有测试；
      2、导出PDF时，需等待内容加载完整后再导出，如需编辑PDF文件，可以找下论坛里分享的PDF阅读器；
      3、导出的图片为长图形式（如内容较多，需等内容加载完成），宽度为1080px，可自行裁剪。

适合人群（AI重度使用者）：
　　1、内容创作者
　　2、学生与教育工作者
　　3、数字营销人员

10月12日更新内容：
1、修复Word Excel兼容性问题；
2、新增导出长图功能；
3、新增对数学公式支持；
4、调整了界面，更加直观点；
5、修复了其他已知问题。
提示：
1、有复杂公式或者其他无法正常显示格式时，可以选择导出PDF或长图格式；
2、为了兼容性，导出Word和Excel格式需手动进行再次编辑；
3、不懂使用，看下右上角简单教程；
4、仅前端架构，所以更新非常方便，下载新版即可，旧版直接删除；
5、可能还存在不少bug，欢迎反馈或建议。

旧版本集合：
2025.10.13 AI内容编辑器V1.21源码下载（无任何加密）：

AI内容编辑器v1.21.zip (919.5 KB, 下载次数: 434)

2025-10-14 10:07 上传

点击文件名下载附件
下载积分: 吾爱币 -1 CB

2025.10.12 AI内容编辑器V1.2源码下载（有bug，勿下）：

AI内容编辑器v1.2版.zip (919.57 KB, 下载次数: 263)

2025-10-12 12:49 上传

点击文件名下载附件
下载积分: 吾爱币 -1 CB

2025.10.10 AI内容编辑器V1.1源码下载（无任何加密）：

AI内容编辑器V1.1.zip (557.76 KB, 下载次数: 462)

2025-10-10 17:17 上传

点击文件名下载附件
下载积分: 吾爱币 -1 CB

1.png (308.51 KB, 下载次数: 0)

下载附件

2025-11-3 00:14 上传

2.png (303.45 KB, 下载次数: 0)

下载附件

2025-11-3 00:14 上传

3.png (326.64 KB, 下载次数: 0)

下载附件

2025-11-3 00:14 上传

0.jpg (202.16 KB, 下载次数: 1)

下载附件

2025-10-12 12:53 上传

AI内容编辑器-智能格式处理工具
一个功能强大的AI内容编辑器，专为处理AI生成的Markdown内容而设计。支持内容编辑、格式转换和多格式导出，特别适合处理含有特殊标记和格式的AI生成内容。

主要功能

编辑与预览
双栏布局：左侧编辑区，右侧实时预览区
智能粘贴：支持粘贴导入AI生成的带Markdown格式的内容
实时预览：编辑内容实时转换为格式化文本
一键复制：快速复制格式化后的内容（含序号）

多格式导出
Word导出：完整内容导出为.docx格式文档
PDF导出：通过打印功能导出为PDF文件
Excel导出：表格内容导出为.xlsx格式表格
格式保留：完美保留原始格式和样式

智能处理
自动序号：智能识别并添加列表序号（1. 2. 3. 和 ① ② ③）
格式清理：自动处理AI生成内容中的特殊标记
表格识别：智能识别和格式化表格内容
代码高亮：支持代码块语法高亮显示

使用方法
1. 内容输入：在左侧编辑区粘贴或输入AI生成的Markdown内容
2. 实时预览：右侧即时显示格式化的预览效果
3. 内容复制：点击"复制内容"将格式化内容复制到剪贴板
4. 文档导出：
点击"导出Word"导出完整文档为Word格式
点击"导出PDF"通过打印界面保存为PDF
点击"导出Excel"导出表格内容为Excel格式

技术特色
纯前端架构：HTML/CSS/JavaScript实现，无需服务器支持
离线运行：完全本地处理，保护数据隐私
轻量高效：快速加载，响应式交互体验
跨平台兼容：支持所有现代浏览器

核心优势
AI内容优化：专门针对AI生成内容进行格式优化
符号处理：智能处理段首"-"、"·"等特殊符号
嵌套格式：完美支持嵌套列表和复杂格式
表格对齐：自动优化表格对齐和格式
隐私保护：纯前端处理，数据不上传服务器

快速开始
直接在浏览器中打开 `index.html` 文件即可开始使用，无需安装任何依赖。
注：不要复制代码，直接下载源码！！！

[HTML] 纯文本查看复制代码

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>AI生成内容编辑器-markdown在线编辑器</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/modal.css"> <link rel="stylesheet" href="fonts/font-awesome.css"> </head> <body> <header class="site-header"> <div class="header-container"> <div class="logo"> <div class="logo-icon-wrapper"> <div class="logo-text-icon">AI</div> <div class="logo-icon-decoration"></div> </div> <span class="logo-text">AI内容编辑器-智能格式处理工具</span> </div> <nav class="main-nav"> <button class="menu-toggle" id="menuToggle"> <i class="fa fa-bars"></i> </button> <ul class="nav-menu"> <li><a href="#">首页</a></li> <li><a href="#" id="tutorialBtn">使用教程</a></li> </ul> </nav> </div> </header> <div class="container"> <div class="editor-container"> <div class="editor-section"> <div class="editor-header"> <h3>AI生成的内容</h3> <button id="pasteBtn">粘贴内容</button> </div> <div class="editor" id="markdownEditor" contenteditable="true"></div> </div> <div class="editor-section"> <div class="editor-header"> <h3>自动编辑预览区</h3> <button id="copyBtn">复制内容</button> </div> <div class="editor" id="previewEditor" contenteditable="true"></div> </div> </div> <div class="button-container"> <div class="export-buttons"> <button id="exportWordBtn">导出Word</button> <button id="exportPdfBtn">导出PDF</button> <button id="exportExcelBtn">导出Excel</button> <button id="exportImageBtn">导出图片</button> </div> </div> </div>   <script src="libs/marked.min.js"></script> <script src="libs/FileSaver.min.js"></script> <script src="libs/purify.min.js"></script>  <script src="libs/xlsx.full.min.js"></script>  <script src="libs/html2canvas.min.js"></script>  <script src="libs/tex-mml-chtml.js"></script>  <script src="js/ct.js"></script>  <script src="js/script.js"></script> <script src="js/pdf-export.js"></script>  <div id="initialNotification" class="notification error" style="visibility:hidden; opacity:0;"> 没有找到表格内容 </div>  <div id="tutorialModal" class="modal"> <div class="modal-content"> <div class="modal-header"> <h2>📚 AI内容编辑器使用教程</h2> <span class="close" id="closeTutorial">×</span> </div> <div class="modal-body"> <div class="tutorial-content"> <div class="tutorial-section"> <h3>🎯 这是什么工具？</h3> <p>这是一个专门处理AI生成内容的工具。AI生成的内容经常格式混乱，这个工具可以自动整理成标准格式，并导出为各种文件。</p> </div> <div class="tutorial-section"> <h3>🚀 怎么使用？</h3> <div class="step"> <h4>第1步：复制AI内容</h4> <p>从AI助手（如文心一言、腾讯元宝、ChatGPT、Claude、通义千问、Kimi、豆包、月之暗面、智谱清言、百川大模型、讯飞星火、商汤商量、MiniMax等）复制内容，<strong>一定要选择"复制为Markdown"</strong>。</p> </div> <div class="step"> <h4>第2步：粘贴到编辑器</h4> <p>点击"粘贴内容"按钮，或直接按Ctrl+V粘贴。</p> </div> <div class="step"> <h4>第3步：查看整理效果</h4> <p>右侧会自动显示整理后的内容，包括表格、列表、标题等。</p> </div> <div class="step"> <h4>第4步：导出文件</h4> <p>根据需要选择导出格式： <br>• <strong>Word：</strong>适合编辑和分享 <br>• <strong>PDF：</strong>适合打印 <br>• <strong>Excel：</strong>适合表格数据 <br>• <strong>图片：</strong>适合分享和展示 </p> </div> </div> <div class="tutorial-section"> <h3>✨ 新功能亮点</h3> <div class="update-box"> <ul> <li><strong>图片导出：</strong>可以将内容导出为高清图片，方便分享</li> <li><strong>数学公式：</strong>完美支持数学公式显示，包括复杂公式</li> <li><strong>表格优化：</strong>自动修复表格格式问题</li> <li><strong>格式清理：</strong>自动清理多余的符号和格式</li> </ul> </div> </div> <div class="tutorial-section"> <h3>⚠️ 重要提醒</h3> <div class="warning-box"> <ul> <li><strong>复制格式：</strong>必须使用"复制为Markdown"，否则格式会乱</li> <li><strong>只读模式：</strong>这里不能直接编辑，需要修改请导出后操作</li> <li><strong>隐私安全：</strong>所有处理都在本地，不会上传任何数据</li> <li><strong>PDF导出：</strong>点击导出→打印→另存为PDF→取消页眉页脚→保存</li> </ul> </div> </div> <div class="tutorial-section"> <h3>❓ 常见问题</h3> <div class="faq"> <div class="faq-item"> <h4>Q: 为什么表格显示不对？</h4> <p>A: 请确保复制时选择了"复制为Markdown"格式。</p> </div> <div class="faq-item"> <h4>Q: 数学公式不显示？</h4> <p>A: 请确保公式语法正确，如 $x^2$ 或 $$\frac{a}{b}$$</p> </div> <div class="faq-item"> <h4>Q: 导出的图片模糊？</h4> <p>A: 图片导出会自动优化清晰度，如果还是模糊请检查原始内容。</p> </div> </div> </div> </div> </div> <div class="modal-footer"> <button id="closeTutorialBtn" class="btn-primary">我知道了</button> </div> </div> </div> </body> </html>

免费评分参与人数 58吾爱币 +55 热心值 +55 理由