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

bdxs2019 · 发表于 2025-10-10 17:19

本帖最后由 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, 下载次数: 359)

2025-11-3 00:05 上传
点击文件名下载附件

这个工具主要作用：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, 下载次数: 452)
2025.10.12 AI内容编辑器V1.2源码下载（有bug，勿下）：

AI内容编辑器v1.2版.zip (919.57 KB, 下载次数: 263)
2025.10.10 AI内容编辑器V1.1源码下载（无任何加密）：

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

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>

    <!-- 本地第三方库 - 按依赖顺序加载 -->
    <!-- 1. 核心库 -->
    <script src="libs/marked.min.js"></script>
    <script src="libs/FileSaver.min.js"></script>
    <script src="libs/purify.min.js"></script>
    
    <!-- 2. Excel处理库 -->
    <script src="libs/xlsx.full.min.js"></script>
    
    <!-- 3. 图片导出库 -->
    <script src="libs/html2canvas.min.js"></script>
    
    <!-- 4. 数学公式渲染库 -->
    <script src="libs/tex-mml-chtml.js"></script>
    
    <!-- 5. 图片处理模块 -->
    <script src="js/ct.js"></script>
    
    <!-- 6. 应用脚本 -->
    <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>&#128218; AI内容编辑器使用教程</h2>
                <span class="close" id="closeTutorial">×</span>
            </div>
            <div class="modal-body">
                <div class="tutorial-content">
                    <div class="tutorial-section">
                        <h3>&#127919; 这是什么工具？</h3>
                        <p>这是一个专门处理AI生成内容的工具。AI生成的内容经常格式混乱，这个工具可以自动整理成标准格式，并导出为各种文件。</p>
                    </div>

                    <div class="tutorial-section">
                        <h3>&#128640; 怎么使用？</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>&#8226; <strong>Word：</strong>适合编辑和分享
                                <br>&#8226; <strong>PDF：</strong>适合打印
                                <br>&#8226; <strong>Excel：</strong>适合表格数据
                                <br>&#8226; <strong>图片：</strong>适合分享和展示
                            </p>
                        </div>
                    </div>

                    <div class="tutorial-section">
                        <h3>&#10024; 新功能亮点</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>&#9888;&#65039; 重要提醒</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>&#10067; 常见问题</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>

bdxs2019 · 发表于 2025-10-10 20:09

本帖最后由 bdxs2019 于 2025-10-10 20:16 编辑

这个只是简单测试过，没有做各种极限测试，可能还存在bug，如果有问题或者有好的建议可以留言。

下个编辑器2.0加强版，在AI内容编辑器基础上，集成开源的富文本编辑器，同时，加入公文、公告等格式，目前初版，存在不少问题，慢慢优化中，发布时间不确定。带2张初稿图：

tf0721 · 发表于 2025-10-11 13:11

提示: 作者被禁止或删除内容自动屏蔽

bdxs2019 · 发表于 2025-12-4 10:55

fkyangmi 发表于 2025-12-4 09:05
非常感谢我导出来的word公式无法显示

这个版本未处理word数学格式问题，可以导出PDF或者图片
可以体验一下在线演示，导出word也是有点问题

Jerrry12138 · 发表于 2025-10-14 08:20

很实用啊，解决了我每次复制AI内容还要处理半天格式的问题~

homehome · 发表于 2025-10-10 19:27

试用了一下，满分。评分送上

moonalong8 · 发表于 2025-10-10 18:08

在线的就挺好用的了。

yikeyouzi · 发表于 2025-10-10 20:13

太厉害了吧

ythao5 · 发表于 2025-10-10 20:34

刚好需要，感谢分享

locoman · 发表于 2025-10-10 20:48

bdxs2019 发表于 2025-10-10 20:09
这个只是简单测试过，没有做各种极限测试，可能还存在bug，如果有问题或者有好的建议可以留言。

加油！加油！如此大作期待满满！

忘情的城市 · 发表于 2025-10-10 20:56

bdxs2019 发表于 2025-10-10 20:09
这个只是简单测试过，没有做各种极限测试，可能还存在bug，如果有问题或者有好的建议可以留言。

能支持微信公众号编辑器吗，AI 生成的美化代码有些复制过去不显示

historyboy · 发表于 2025-10-10 21:35

非常实用的工具，下来用用

ZhangYuMR · 发表于 2025-10-10 21:41

试了一下还可以，感谢分享

帐号		自动登录	找回密码
密码			注册[Register]

tf0721 tf0721 当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	tf0721 发表于 2025-10-11 13:11 吾爱破解论坛没有任何官方QQ群，禁止留联系方式，禁止任何商业交易。提示: 作者被禁止或删除内容自动屏蔽
	如何升级？如何获得积分？积分对应解释说明！
	回复举报

[其他转载] 11月3日更新 AI内容编辑器v1.3（大量优化格式/数学公式及图片导出逻辑等）

免费评分

本帖被以下淘专辑推荐:

免费评分

回帖奖励 +3 CB吾爱币