技术
技术分享
目录树脚本
运行后自动生成目录树，可在服务器上运行...
如何实现编辑器插入ai助手
AI 功能通用实现模板（基于 MicroEditor）核心流程保存当前光标/选区const savedRange = this.saveSelection();弹出多行输入对话框（自定义 DOM，非 window.prompt）包含 <textarea rows="8"&g...
如何实现编辑器插入PDF功能，前台实现翻页呢？
我们来实现一个独立的插入 PDF 文件功能，支持前台以类似 PDF 阅读器的方式左右翻页预览。需要两个部分：
编辑器端：新增“插入 PDF”按钮，上传 PDF 文件或输入 URL，生成一个特殊的占位符（例如 ）。
前台展示：使用 PDF.js 库渲染 PDF，支持翻页、缩放等。
由...
编辑器代码块行号添加
一、修改js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354// 高亮所有代码块（统一使用）
highlightCodeBlocks() {
...
隐藏从外部复制的代码块的复制下载按钮
添加css/* 可选：隐藏 DeepSeek 按钮，防止 JS 执行前闪现 */
.article-content [class*="ds-button"],
.article-content [class*="code-info"] {
display: none !importan...
如何实现相册系统图片点击放大或缩小效果
相册详情页的图片如果也像文章图片一样，点击后弹出可缩放、拖拽的模态框的话，可以利用模态框。由于文章图片监听的是 .article-content img，而相册轮播中的图片位于 .swiper-slide img，只需将选择器扩展即可。...
前台页面图片点击放大缩小功能的实现（使用模态框lightbox）
我们理解需求：在前台文章详情页中，点击图片可以弹出一个模态框（lightbox），能放大查看、缩小、关闭等。需要为 Ryblog 添加一个轻量级图片查看器。点击图片后出现的模态框需要有“放大/缩小”按钮，方便用户调整查看尺寸。我们需要在模态框上添加两个按钮：放大（Zoom In）和缩小（Zoom O...
在打包安装包前清理操作日志中的测试记录
您想在打包安装包前清理操作日志中的测试记录。推荐在 数据库管理工具（如 phpMyAdmin） 或 后台 SQL 执行器 中执行以下 SQL 命令。1. 完全清空操作日志表（保留表结构）sql复制下载TRUNCATE TABLE `admin_logs`;或者...
为复制的代码块隐藏原来的按钮
码块的复制功能未能生效，且控制台禁止直接粘贴代码。为了彻底解决，我们提供最直接、最可靠的方案：将复制按钮的生成逻辑直接写在 article.php 的文章内容区域之后，确保执行时机正确，并针对可能的各种代码块结构进行适配。...
实现从 DeepSeek 等外部直接复制富文本内容并保留原有样式
为了实现从 DeepSeek 等外部直接复制富文本内容并保留原有样式，需要修改两处：
编辑器（micro-editor.js）：允许粘贴 HTML 并保留格式。
前台显示样式（style.css）：确保文章内容中的标题、代码块等显示美观。...