JavaScript与PHP实现富文本入库教程

注意事项：

• 确保TinyMCE编辑器已在页面加载时正确初始化，并且selector与HTML中的匹配。</li><li>e.preventDefault()是关键，它阻止了表单通过传统方式提交，确保Ajax请求能够完全控制数据流。</li><li>data.push({name: 'details', value: myContent}); 将正确的HTML内容附加到待发送的数据中。如果原始<textarea>的name属性也是details，serializeArray()可能会包含一个空的details字段，因此上述代码中增加了检查和替换逻辑。</li></ul><h3><a href="https://www.fastadmin.net/go/aliyun" target="_blank">服务器</a>端处理：PHP 数据接收与存储</h3><p>在PHP后端，一旦JavaScript正确发送了包含HTML标签的数据，接收过程相对简单。然而，<strong>安全性</strong>是此阶段最重要的考量。直接将用户提交的HTML内容插入数据库是极度危险的，因为它可能导致SQL注入和跨站脚本（XSS）攻击。</p><h4>1. 数据接收</h4><p>通过$_POST超全局变量即可获取到JavaScript发送过来的HTML内容。</p><pre class="brush:php;toolbar:false">// action.php $details = $_POST['details'] ?? ''; // 使用null合并运算符提供默认值，防止未设置的错误</pre><h4>2. 安全考量：SQL 注入防护</h4><p><strong>绝对不要</strong>直接将$_POST中的数据拼接到SQL查询字符串中。这是SQL注入攻击的常见入口。应始终使用<strong>预处理语句（Prepared Statements）</strong>和参数绑定。</p><p>以下是使用PHP Data Objects (PDO) 实现预处理语句的示例：</p><pre class="brush:php;toolbar:false"><?php // action.php // 数据库连接配置 (请根据实际情况修改) $host = 'localhost'; $db = 'your_database_name'; $user = 'your_username'; $pass = 'your_password'; $charset = 'utf8mb4'; $dsn = "mysql:host=$host;dbname=$db;charset=$charset"; $options = [ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, PDO::ATTR_EMULATE_PREPARES => false, ]; $flag = false; $error = []; $valid = []; try { $pdo = new PDO($dsn, $user, $pass, $options); $details = $_POST['details'] ?? ''; // 获取富文本内容 if (!empty($details)) { $flag = true; } else { $error[] = "请提供详细内容！"; $flag = false; } if ($flag === true) { // 使用预处理语句插入数据，防止SQL注入 $stmt = $pdo->prepare("INSERT INTO tbl_post(details) VALUES (?)"); $result = $stmt->execute([$details]); // 绑定参数 if ($result) { $valid[] = "数据添加成功！"; } else { $error[] = "发生错误！请稍后再试。"; } } else { $error[] = "发生未知错误！"; } } catch (\PDOException $e) { $error[] = "数据库连接或操作失败: " . $e->getMessage(); // 生产环境中应记录详细错误日志，而非直接暴露给用户 } // 返回响应给客户端 if (!empty($error)) { echo '<div>' . implode('<br>', $error) . '</div>'; } else { echo '<div>' . implode('<br>', $valid) . '</div>'; } ?></pre><h4>3. 数据库字段类型选择</h4><p>为了存储包含大量HTML标签的富文本内容，数据库中对应的字段类型应选择能够存储长文本的类型，例如：</p><ul><li><strong>TEXT</strong>: 可存储约64KB（65,535字符）的数据。</li><li><strong>MEDIUMTEXT</strong>: 可存储约16MB的数据。</li><li><strong>LONGTEXT</strong>: 可存储约4GB的数据。</li></ul><p>根据您的内容长度需求，选择合适的类型。对于大多数文章内容，TEXT或MEDIUMTEXT通常足够。</p><h3>重要提示与最佳实践</h3><h4>1. XSS 安全：存储与展示</h4><p>虽然我们将HTML内容存储到数据库中，但<strong>绝不能在不加处理的情况下直接在网页上显示这些内容</strong>。这是导致跨站脚本（XSS）攻击的主要原因。</p><ul><li><p><strong>存储时：</strong> 通常建议将原始HTML内容存储到数据库中。</p></li><li><p><strong>展示时：</strong> 在将内容输出到浏览器之前，<strong>必须</strong>进行严格的XSS过滤或内容清理。可以使用PHP的DOMDocument结合HTML Purifier等库来移除潜在的恶意脚本（如<script>标签、onerror属性等），只保留安全的HTML标签和属性。</p><pre class="brush:php;toolbar:false">// 示例：使用HTML Purifier进行XSS过滤 (需要安装) // composer require ezyang/htmlpurifier require_once 'vendor/autoload.php'; use HTMLPurifier_Config; use HTMLPurifier; $config = HTMLPurifier_Config::createDefault(); // 配置允许的HTML标签和属性，例如只允许粗体、斜体、段落等 // $config->set('HTML.Allowed', 'p,b,i,em,strong'); $purifier = new HTMLPurifier($config); $clean_html = $purifier->purify($details_from_db); // 从数据库中取出的内容 echo $clean_html; // 输出净化后的内容</pre></li></ul><h4>2. 数据验证与错误处理</h4><p>在<a href="https://www.fastadmin.net/go/aliyun" target="_blank">服务器</a>端，除了安全防护，还应进行业务逻辑验证（例如，内容是否为空）和完善的错误处理机制。将错误信息返回给客户端，以便用户了解问题所在。</p><h4>3. 富文本编辑器初始化</h4><p>确保TinyMCE或其他富文本编辑器在页面加载时正确初始化，并且其配置（如插件、工具栏）符合您的需求。</p><h3>总结</h3><p>通过以上步骤，您可以有效地解决富文本编辑器HTML内容无法正确保存到数据库的问题。关键在于：</p><ol><li><strong>客户端（JavaScript）：</strong> 使用编辑器提供的API（如tinymce.activeEditor.getContent()）获取完整的HTML内容，并确保将其作为表单数据的一部分发送。</li><li><strong><a href="https://www.fastadmin.net/go/aliyun" target="_blank">服务器</a>端（PHP）：</strong> 始终使用<strong>预处理语句</strong>将数据安全地插入数据库，以防止SQL注入。</li><li><strong>安全（XSS）：</strong> 在将数据库中存储的HTML内容显示到前端时，务必进行严格的XSS过滤，以保护用户和网站安全。</li></ol><p>遵循这些最佳实践，您将能够构建一个既功能强大又安全可靠的Web应用程序，有效管理用户输入的富文本内容。</p> </div> <span class="article_notice">本文内容来源于互联网，如有侵权请联系删除。</span> <div class="article_otherarticle"> <span>作者最新文章</span> <div> <div class="otherarticles"> <a href="/news/752375" title="纯纯写作"><span>纯纯写作</span></a> <span>2026-09-16 17:42</span> </div> <div class="otherarticles"> <a href="/news/767640" title="JMeter入门：创建HTTP请求并验证响应结果"><span>JMeter入门：创建HTTP请求并验证响应结果</span></a> <span>2026-09-02 10:20</span> </div> <div class="otherarticles"> <a href="/news/767635" title="文件表格制作教程：选择Word或Excel的判断方法"><span>文件表格制作教程：选择Word或Excel的判断方法</span></a> <span>2026-09-02 09:45</span> </div> <div class="otherarticles"> <a href="/news/767629" title="多个PPT怎么一次性转PDF？PPT批量转换工具有哪些？"><span>多个PPT怎么一次性转PDF？PPT批量转换工具有哪些？</span></a> <span>2026-09-02 06:00</span> </div> <div class="otherarticles"> <a href="/news/767610" title="PDF图纸转CAD的3种方法及比例校准指南"><span>PDF图纸转CAD的3种方法及比例校准指南</span></a> <span>2026-09-01 18:36</span> </div> </div> </div> <div class="article_card_class"> <a href="/newslist/313_1" title="编程开发">编程开发</a> </div> <div class="article_nearby"> <div> <span>上一篇：</span> <a href="/news/518075" title="怪物猎人旅人旅团套是什么-旅团套介绍" class="woh">怪物猎人旅人旅团套是什么-旅团套介绍</a> </div> <div> <span>下一篇：</span> <a href="/news/768097" title="Photoshop快捷键修改在哪里？PS2020快捷键设置方法" class="woh">Photoshop快捷键修改在哪里？PS2020快捷键设置方法</a> </div> </div> <div class="article_related"> <div class="index_title flexBox"> <span>相关文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="article_listLMs"> <div class="index_article flexBox"> <a href="/news/768094" title="C++动态数组初始化怎么写？常用语句与代码示例" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260921/325ccf3014afc452a22900e0a9d1850e.webp" src="/static/images/moren.png" alt="C++动态数组初始化怎么写？常用语句与代码示例" class="oimg" /></a> <div> <a href="/news/768094" title="C++动态数组初始化怎么写？常用语句与代码示例" class="index_article_title woh">C++动态数组初始化怎么写？常用语句与代码示例</a> <p class="woh">深入解析C++中动态数组的初始化机制，涵盖new操作符的不同用法、基本类型与类对象的初始化差异，以及为何在现代C++开发中应优先使用std::vector。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-21</span> <span class="index_article_times">0</span> <span class="index_article_author">CalmMoment</span> </div> <div class="index_article_class"> <a href="/newslist/7360_1" title="内存管理">内存管理</a> <a href="/newslist/7937_1" title="C++">C++</a> <a href="/newslist/35514_1" title="动态数组">动态数组</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736200" title="using namespace 使用中遇到的问题怎么解决" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605885655125.webp" src="/static/images/moren.png" alt="using namespace 使用中遇到的问题怎么解决" class="oimg" /></a> <div> <a href="/news/736200" title="using namespace 使用中遇到的问题怎么解决" class="index_article_title woh">using namespace 使用中遇到的问题怎么解决</a> <p class="woh">命名空间的基本概念与常见引入问题在C++等编程语言中，命名空间（namespace）是一种将代码标识符（如变量、函数、类名）封装在特定名称下的机制，其主要目的是避免命名冲突，尤其是在大型项目或使用多个第三方库时。使用“using namespace”指令可以将指定命名空间中的所有名称引入当前作用域，</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">1</span> <span class="index_article_author">SunnyJourney</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736199" title="c语言函数递归 实操经验总结：这些技巧很实用" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605879214771.webp" src="/static/images/moren.png" alt="c语言函数递归 实操经验总结：这些技巧很实用" class="oimg" /></a> <div> <a href="/news/736199" title="c语言函数递归 实操经验总结：这些技巧很实用" class="index_article_title woh">c语言函数递归 实操经验总结：这些技巧很实用</a> <p class="woh">理解递归的基本原理在C语言中，递归是一种函数调用自身的编程技术。要掌握它，首先需要理解其核心思想：将一个复杂的大问题，分解为一个或几个与原问题相似但规模更小的子问题，直到子问题足够简单，可以直接求解。这个过程通常包含两个关键部分：递归出口和递归体。递归出口定义了问题何时不再继续分解，即最简单、可直接</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">0</span> <span class="index_article_author">SoftHope</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736198" title="c语言函数递归 怎么选？常见方案对比分析" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605874187563.webp" src="/static/images/moren.png" alt="c语言函数递归 怎么选？常见方案对比分析" class="oimg" /></a> <div> <a href="/news/736198" title="c语言函数递归 怎么选？常见方案对比分析" class="index_article_title woh">c语言函数递归 怎么选？常见方案对比分析</a> <p class="woh">递归函数的基本概念与适用场景在C语言编程中，递归是一种函数调用自身的编程技巧。它并非适用于所有问题，但在处理某些具有自相似结构的问题时，能提供极其清晰和优雅的解决方案。递归的核心思想是将一个大规模问题分解为一个或多个同类型但规模更小的子问题，直到子问题简单到可以直接求解。典型的适用场景包括树形结构的</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">1</span> <span class="index_article_author">归人云淡风轻</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736197" title="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605862499192.webp" src="/static/images/moren.png" alt="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="oimg" /></a> <div> <a href="/news/736197" title="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="index_article_title woh">Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解</a> <p class="woh">理解内存管理的基石在Objective-C的编程世界中，内存管理是开发者必须掌握的核心技能之一。它直接关系到应用的性能、稳定性与资源利用效率。与一些采用自动垃圾回收机制的语言不同，Objective-C在很长一段时间里，依赖一套基于引用计数的、需要开发者部分介入的管理规则。这套规则的核心思想是明确的</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">0</span> <span class="index_article_author">SunnyJourney</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736196" title="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605861766536.webp" src="/static/images/moren.png" alt="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="oimg" /></a> <div> <a href="/news/736196" title="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="index_article_title woh">如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏</a> <p class="woh">理解 dealloc 的角色与时机在 iOS 应用开发中，内存管理是保障应用性能与稳定性的基石。dealloc 方法是 Objective-C 中对象生命周期结束时的关键回调，它标志着对象即将被系统回收内存。正确理解其触发时机至关重要：当一个对象的引用计数降为零时，运行时系统会自动调用该对象的 de</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">0</span> <span class="index_article_author">WarmHope</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736195" title="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605861197821.webp" src="/static/images/moren.png" alt="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="oimg" /></a> <div> <a href="/news/736195" title="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="index_article_title woh">深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制</a> <p class="woh">内存管理的基石在Objective-C的世界里，内存管理是开发者必须掌握的核心技能之一。作为一门在手动引用计数（MRC）时代诞生的语言，Objective-C要求程序员对对象的生命周期有清晰的认识。dealloc方法正是这一生命周期中至关重要的终点站。它是一个实例方法，当对象的引用计数降为零时，系统</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">0</span> <span class="index_article_author">归人云淡风轻</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736194" title="理解 native2ascii：Java 国际化开发中的字符编码工具" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605849623470.webp" src="/static/images/moren.png" alt="理解 native2ascii：Java 国际化开发中的字符编码工具" class="oimg" /></a> <div> <a href="/news/736194" title="理解 native2ascii：Java 国际化开发中的字符编码工具" class="index_article_title woh">理解 native2ascii：Java 国际化开发中的字符编码工具</a> <p class="woh">native2ascii 工具的基本定位在Ja va应用程序的国际化与本地化开发过程中，处理非拉丁字符集是一个常见且关键的环节。Ja va内部使用Unicode字符集来统一表示全球各种语言的文字，但其属性文件（.properties）在历史上要求使用ASCII编码，或者更准确地说，要求非ASCII字</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">0</span> <span class="index_article_author">小确幸</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736193" title="如何使用 native2ascii 转换中文字符为 Unicode 转义序列" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605844216359.webp" src="/static/images/moren.png" alt="如何使用 native2ascii 转换中文字符为 Unicode 转义序列" class="oimg" /></a> <div> <a href="/news/736193" title="如何使用 native2ascii 转换中文字符为 Unicode 转义序列" class="index_article_title woh">如何使用 native2ascii 转换中文字符为 Unicode 转义序列</a> <p class="woh">理解 native2ascii 工具的基本用途在软件开发，特别是涉及国际化处理的场景中，开发者常常需要处理不同编码的文本资源。native2ascii 是 Ja va 开发工具包（JDK）中提供的一个命令行实用程序，其主要功能是将包含本地字符编码（非ASCII字符）的文件，转换为包含 Unicode</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">0</span> <span class="index_article_author">慢热型</span> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/736192" title="Java native2ascii 命令详解：解决属性文件乱码问题" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260807/178605843692096.webp" src="/static/images/moren.png" alt="Java native2ascii 命令详解：解决属性文件乱码问题" class="oimg" /></a> <div> <a href="/news/736192" title="Java native2ascii 命令详解：解决属性文件乱码问题" class="index_article_title woh">Java native2ascii 命令详解：解决属性文件乱码问题</a> <p class="woh">native2ascii 命令的由来与作用在Ja va开发中，处理国际化资源文件是一个常见需求。资源文件通常以.properties格式存储，用于支持多语言界面。然而，Ja va属性文件默认采用ISO-8859-1字符集编码，这导致了一个直接的问题：当文件中包含非拉丁字符（如中文、日文、韩文等）时，</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-08-07</span> <span class="index_article_times">0</span> <span class="index_article_author">SoftHope</span> </div> </div> </div> </div> </div> <a href="/newslist/313_1" title="查看更多" class="index_more">查看更多</a> </div> </div> <div class="article_listR"> <div class="indexMain4R1"> <div class="index_title flexBox"> <span>热门文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="indexMain4R1M"> <a href="/news/561233" title="Yandex中文入口及登录使用全攻略" class=""><span class="woh">Yandex中文入口及登录使用全攻略</span></a> <a href="/news/469906" title="B站免费入口永久有效网址推荐" class=""><span class="woh">B站免费入口永久有效网址推荐</span></a> <a href="/news/561969" title="51漫画高清入口及最新章节更新" class=""><span class="woh">51漫画高清入口及最新章节更新</span></a> <a href="/news/563134" title="B站免费入口网站高效连接方法" class=""><span class="woh">B站免费入口网站高效连接方法</span></a> <a href="/news/536543" title="58动漫网入口及永久访问方法" class=""><span class="woh">58动漫网入口及永久访问方法</span></a> <a href="/news/573074" title="蓝海书屋免费小说全本阅读推荐入口" class=""><span class="woh">蓝海书屋免费小说全本阅读推荐入口</span></a> <a href="/news/559231" title="高德地图开启海拔显示方法" class=""><span class="woh">高德地图开启海拔显示方法</span></a> <a href="/news/626086" title="海棠文学入口地址 海棠小说追书绿色安全平台稳定入口" class=""><span class="woh">海棠文学入口地址 海棠小说追书绿色安全平台稳定入口</span></a> <a href="/news/527075" title="我的世界网页版即点即玩入口推荐" class=""><span class="woh">我的世界网页版即点即玩入口推荐</span></a> <a href="/news/474318" title="51漫画免费入口及在线观看指南" class=""><span class="woh">51漫画免费入口及在线观看指南</span></a> </div> </div> <div class="indexMain4R2"> <div class="index_title flexBox"> <span>精品专题</span> <a href="/newslist/tag_1" title="更多">更多</a> </div> <div class="indexMain4R2M"> <div class="indexMain4R2Ms"> <a href="/newslist/141356_1" title="装机必备"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260916/23a0ca69dd790f4a338bf469823181a8.webp" src="/static/images/moren.png" alt="装机必备" class="oimg" /></a> <div> <a href="/newslist/141356_1" title="装机必备" class="woh">装机必备</a> <p class="poh">正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/2909_1" title="Windows"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260916/7a276fc2f6c50e3d02985b5c5b8c3791.webp" src="/static/images/moren.png" alt="Windows" class="oimg" /></a> <div> <a href="/newslist/2909_1" title="Windows" class="woh">Windows</a> <p class="poh">正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/3169_1" title="macOS软件"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260916/67558ffa810c3aac92a7fc0ec0379666.png" src="/static/images/moren.png" alt="macOS软件" class="oimg" /></a> <div> <a href="/newslist/3169_1" title="macOS软件" class="woh">macOS软件</a> <p class="poh">正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。</p> </div> </div> </div> </div> <div class="right_list1"> <div class="index_title flexBox"> <span>Mac软件</span> <a href="/newslist/3169_1" title="更多">更多</a> </div> <div class="right_list1M"> <div class="right_list1s"> <a href="/news/752345" title="灵活计算器"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260817/178697900269097.png" src="/static/images/moren.png" alt="灵活计算器" class="oimg" /></a> <div> <a href="/news/752345" title="灵活计算器" class="right_list1s_title woh">灵活计算器</a> <div> <span>macOS/iOS/Android</span> </div> <p class="woh">灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> </div> </div> <div class="right_list1s"> <a href="/news/752357" title="赤友清理大师"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260817/178697957425469.png" src="/static/images/moren.png" alt="赤友清理大师" class="oimg" /></a> <div> <a href="/news/752357" title="赤友清理大师" class="right_list1s_title woh">赤友清理大师</a> <div> <span>macOS</span> </div> <p class="woh">赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> </div> </div> <div class="right_list1s"> <a href="/news/752368" title="极度公式"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260817/178698012420573.png" src="/static/images/moren.png" alt="极度公式" class="oimg" /></a> <div> <a href="/news/752368" title="极度公式" class="right_list1s_title woh">极度公式</a> <div> <span>Windows/macOS/Linux</span> </div> <p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> </div> </div> </div> </div> <div class="right_list1"> <div class="index_title flexBox"> <span>WINDOWS</span> <a href="/newslist/2909_1" title="更多">更多</a> </div> <div class="right_list1M"> <div class="right_list1s"> <a href="/news/752356" title="Windows 10"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260817/178697951292792.png" src="/static/images/moren.png" alt="Windows 10" class="oimg" /></a> <div> <a href="/news/752356" title="Windows 10" class="right_list1s_title woh">Windows 10</a> <div> <span>Windows</span> </div> <p class="woh">Windows 10 是一款微软推出的经典操作系统，拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p> </div> </div> <div class="right_list1s"> <a href="/news/752368" title="极度公式"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260817/178698012420573.png" src="/static/images/moren.png" alt="极度公式" class="oimg" /></a> <div> <a href="/news/752368" title="极度公式" class="right_list1s_title woh">极度公式</a> <div> <span>Windows/macOS/Linux</span> </div> <p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> </div> </div> <div class="right_list1s"> <a href="/news/752369" title="密码键盘"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/images/moren.png" alt="密码键盘" class="oimg" /></a> <div> <a href="/news/752369" title="密码键盘" class="right_list1s_title woh">密码键盘</a> <div> <span>Windows/macOS/iOS/Android</span> </div> <p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p> </div> </div> </div> </div> </div> </div> </div> </main> <footer> <div class="footer2"> <p>网站备案号：苏ICP备2026018738号-1 联系邮箱：bd@zhengruan.com <a href="/sitemap.xml">网站地图</a></p> <p>Copyright ©2018-2026</p> </div> </footer> <!--底部 end--> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3835539565b311d85319cd21da8fd0d9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '36']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> </body> <script src="/static/layui/layui.all.js"></script> <script src="/static/swiper/swiper-bundle.min.js"></script> <script src="/static/js/common.js"></script> </html>