本工具旨在帮助您快速整理老师们提交的德育案例、校刊稿件、教学手册等 Word 文档，自动识别标题层级，并允许您对文字样式进行局部调整，最终导出格式规范的 Word 或 PDF 文件。✨ 主要功能：支持上传 ZIP 压缩包（内含 .docx 文件或嵌套 ZIP），自动解压并提取所有文档。自动识别常见的标题序号（如“一、”“（一）”“1.”“1.1”等）及无序号标题（如“背景：”“总结”），并按首次出现顺序分配层级。在预览区可以直接修改文字内容（点击文字即可编辑）。用鼠标选中文字后，可通过操作台单独修改选中部分的字体、字号、颜色。将当前预览内容（含图片、样式）导出为 .doc 文件，可用 Microsoft Word 打开。通过浏览器打印功能生成 PDF 文件，保留所有排版和图片。 智能校刊排版 · 选中编辑版 📚 智能校刊排版 · 选中编辑版 先选中文字，再点击操作台按钮修改选中内容的样式 📂 点击选择 或 拖拽ZIP到此 支持多级标题，图片自动居中 字体 宋体 黑体 楷体 仿宋 微软雅黑 应用 字号 8pt (极小) 10pt (小) 12pt (正常) 14pt (中) 18pt (大) 24pt (很大) 36pt (极大) 应用 字色 应用 ⏳ 等待上传压缩包 🧠 智能顺序定级 📄 导出 Word (.doc) 🖨️ 打印 / PDF 🔍 可编辑预览 (选中文字后修改样式) 上传并解析后点击「智能顺序定级」生成预览 ※ 选中文字后点击操作台按钮，可单独修改选中部分的样式
用豆包帮忙写的，分享给大家！源码完整版： 网站升级维护中 - 敬请期待 网站升级维护中 为了给你提供更好的服务体验，我们正在对网站进行升级优化。 升级期间网站暂时无法访问，给你带来不便，敬请谅解。 预计恢复时间：2026年02月01日 08:00 如有紧急需求，请通过以下方式联系我们 400-888-8888 support@example.com © 2026 你的公司名称 版权所有
为了做这个便签墙的后台，我花了一个小时，终于弄好了！内容的话，我晚些再补吧，因为我今天还有其他事没忙完，没办法，明天再更！
发现一个不错的网站，这个网站作者是：https://github.com/uninto/notes，纯html、css、js实现。有人说这个类似之前的许愿墙，我觉得也可以把这个元素加进去，毕竟我群里很多宅男腐女，最喜欢这个玩意儿了，晚些我直接上线到我的工具箱里因为这个只有一个前端页面，代码如下，我就准备做个后端出来，到时候重新开个帖子，供大家使用。 便签墙
一个花里胡哨的确认按钮（可复制源代码）
真的很不错！ 一个花里胡哨的确认按钮 <polyline points="1 10 4 7 4 5 6 1" /><path d="M4,13 C5.33333333,9 7,7 9,7 C11,7 12.3340042,6 13.0020125,4" /><path d="M6,15 C7.83362334,13.6666667 9.83362334,12.6666667 12,12 C14.1663767,11.3333333 15.8330433,9.66666667 17,7" /> Confirm
用豆包生成了一个财务报表的页面，觉得比较好看，大家可以参考学些下： 财务报表分析 财务报表分析系统 仪表盘 收支记录 预算管理 财务分析 JD 贾东 财务报表分析 全部账户 招商银行(6288) 工商银行(8866) 支付宝 微信支付 导出报表 收支趋势 支出分类 收入来源 资产负债 近7天 近30天 近90天 总收入 ¥28,642.50 12.5% 较上月增长 ¥3,125.75 总支出 ¥19,285.30 8.2% 较上月增长 ¥1,476.23 净收入 ¥9,357.20 18.3% 较上月增长 ¥1,649.52 结余率 32.7% 3.2% 较上月增长 3.2 个百分点 收支趋势 日 周 月 支出分类统计 全部类别 餐饮美食 购物消费 交通出行 住房缴费 休闲娱乐 医疗健康 其他支出 餐饮美食 ¥4,285.75 22.2% 购物消费 ¥3,842.30 19.9% 交通出行 ¥2,756.80 14.3% 住房缴费 ¥5,680.20 29.4% 其他支出 ¥2,720.25 14.1% 最近交易记录 日期 描述 类别 账户 金额 2025-07-25 星巴克咖啡 餐饮美食 支付宝 -¥38.50 2025-07-25 京东购物 购物消费 招商银行(6288) -¥285.90 2025-07-24 工资入账 工资收入 工商银行(8866) +¥12,500.00 2025-07-24 地铁通勤 交通出行 微信支付 -¥8.00 2025-07-23 超市购物 购物消费 支付宝 -¥156.20 显示 1 至 5 条，共 24 条记录 1 2 3 © 2025 财务报表分析系统. 保留所有权利. 帮助中心 隐私政策 设置
下载移动应用的代码块，需要的自取
以下是bootstrap样式的下载弹窗样式，可以用在你们的网站上。 下载APP卡片示例 下载移动应用 随时随地获取最新资源，享受更便捷的服务 App Store Google Play
完整源码html: 片单UI设计 战狼2 八百 流浪地球 烈火英雄 长津湖 战狼2 年份 2017 主演 吴京/弗兰克·格里罗/卢靖姗 地区 中国·动作 / 军事 时长 2 小时 3分 该片讲述了脱下军装的冷锋被卷入了一场非洲国家的叛乱，本来能够安全撤离的他无法忘记军人的职责，重回战场展开救援的故事. 八百 年份 2020 主演 欧豪 / 张译 地区 中国·战争 / 冒险 时长 2 小时 27 分 1937年淞沪会战末期，中日双方激战已持续三个月，上海濒临沦陷。第88师262旅524团团副谢晋元率420余人，孤军坚守最后的防线，留守上海四行仓库 。与租界一河之隔，造就了罕见的被围观的战争。为壮声势，实际人数四百人而对外号称八百人 。“八百壮士”奉命留守上海闸北，在苏州河畔的四行仓库鏖战四天，直至10月30日才获令撤往英租界。 流浪地球 年份 2019 主演 吴京 / 赵今麦 地区 中国·科幻 / 灾难 / 冒险 时长 2小时17分 近年来，科学家们发现太阳急速衰老膨胀，短时间内包括地球在内的整个太阳系都将被太阳所吞没。为了自救，人类提出一个名为“流浪地球”的大胆计划，即倾全球之力在地球表面建造上万座发动机和转向发动机，推动地球离开太阳系，用2500年的时间奔往新家园。中国航天员刘培强（吴京饰）在儿子刘启四岁那年前往领航员空间站，和国际同侪肩负起领航者的重任。转眼刘启（屈楚萧 饰）长大，他带着妹妹韩朵朵（赵今麦 饰）偷偷跑到地表，偷开外公韩子昂（吴孟达 饰）的运输车，结果不仅遭到逮捕，还遭遇了全球发动机停摆的事件。为了修好发动机，阻止地球与木星相撞，全球开始展开饱和式营救，连刘启他们的车也被强征加入。在与时间赛跑的过程中，无数的人前仆后继，奋不顾身，只为延续百代子孙生存的希望。 烈火英雄 年份 2019 主演 黄晓明/ 杜江 地区 中国 / 剧情 / 灾难 时长 2小时00分 一场滨海城市石油码头的管道爆炸，牵连了整个原油储存区，一座储油量高达10万立方米的储油罐已经爆炸并且泄露，泄露的原油随时可能引爆临近的油罐，火灾不断升级，爆炸接连发生，然而这还都不是最恐怖的，火场不远处伫立的危险化学物储藏区，像跃跃欲试的魔鬼等待着被点燃，刹那便能带走几百万人的生命，威胁全市、全省，甚至邻国的安全。在这样的危难时刻，一批批消防队员告别家人，赶赴火场. 长津湖 年份 2021 主演 吴京 / 欧豪 地区 中国 / 剧情·历史 / 战争 时长 2 小时 56分 1950年，中国人民志愿军部队与美军在朝鲜长津湖地区交战，中国人民志愿军第9兵团将美军1个多师分割包围于长津湖地区，歼敌1.3万余人，扭转了战场势态。这次战役收复了三八线以北的东部广大地区，是扭转局势的关键一战，而中国人民志愿军也付出了惨痛的牺牲，在零下三十多摄氏度的极端天气中，很多先烈是以端着枪的姿势被冻僵，体现了志愿军战士服从命令、视死如归，冻成冰雕也不退缩的革命精神。 CSS: *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; margin: 0; } body{ display: flex; justify-content: center; align-items: center; background: #65805e; font-family: Arial, Helvetica, sans-serif; } .swiper-box{ position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; background: linear-gradient(180deg,rgba(255,255,255,0.28) 0%,rgba(255,255,255,0) 100%); backdrop-filter: blur(30px); border-radius: 20px; box-shadow: 0 0.5px 0 1px rgba(255,255,255,0.23) inset,0 1px 0 0 rgba(255,255,255,0.66) inset,0 4px 16px rgba(0,0,0,0.12); z-index: 10; padding: 10px 30px; } .swiper{ width: 210px; height: 300px; padding: 20px; } .swiper-slide{ position: relative; border-radius: 10px; user-select: none; box-shadow: 0 15px 50px rgba(0,0,0,0.2); } .swiper-slide img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .sub-swiper{ width: 320px; } .subbg{ display: grid; gap: 10px; box-shadow: none; } h1{ color: #fff; margin-bottom: 5px; font-family: 'Maple Mono CN SemiBold',serif; font-weight: 400; } .year, .actor, .cate, .time{ display: flex; align-items: center; gap: 15px; color: #292626; } .tag{ color: #fff; padding: 1px 7px; font-size: 13px; border-radius: 5px; } .describ{ height: 100px; overflow: auto; font-size: 15px; color: #d6d5d5; /*其他隐藏滚动条*/ -ms-overflow-style: none; scrollbar-width: none; } /*chrome隐藏滚动条*/ .describ::-webkit-scrollbar{ display: none; } /*遮罩层*/ .overlay{ position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(to top,#0f2027,transparent,transparent); background-repeat: no-repeat; background-size: cover; } .overlay h2{ position: absolute; bottom: 0; left: 0; color: #fff; font-weight: 400; font-size: 1.1rem; line-height: 1.4; margin: 0 0 20px 20px; } .swiper-pagination{ transform: translateY(10px); }JS: //swiper js库，轮播图 const subSwiper = new Swiper(".sub-swiper", { allowTouchMove: false, // 禁止触摸滑动 loop: true, effect: "fade",//切换动画 fadeEffect: { crossFade: true // 开启交叉淡入淡出 }, }); const mainSwiper = new Swiper(".main-swiper", { effect: "cards",//卡片效果 grabCursor: true,//鼠标滑动显示小手 initialSlide: 2,//初始化时显示第几张图片，0是第一张 loop: true,//无限循环 mousewheel: { //鼠标滑动切换 invert: false, }, pagination: { el: ".swiper-pagination", }, //自动轮播 autoplay: { delay: 3000, // 间隔3秒 disableOnInteraction: false, //操作后停止自动播放 }, thumbs: { swiper: subSwiper, }, }); //通过类名获取所有元素 const coloritems = document.querySelectorAll('.tag'); //定义颜色组 const colors = ["#f35a5a","#f89e37","#3a77fa","#27c263"]; //按组循环赋予颜色 coloritems.forEach((element,index)=>{ const colorindex = index % colors.length; element.style.backgroundColor = colors[colorindex]; });
一款开源的纯H5直播流播放器，兼容几乎所有浏览器
项目介绍Jessibuca是一款开源的纯H5直播流播放器，它通过Emscripten技术将音视频解码库编译成JavaScript（WebAssembly）运行于浏览器之中。这款播放器兼容几乎所有浏览器，并能在PC、手机、微信等平台上无缝运行，无需用户安装任何额外插件。应用场景在线直播：适用于各类在线直播场景，如教育直播、娱乐直播、体育赛事直播等。视频监控：可用于远程视频监控，如安防监控、智能家居监控等。点播服务：支持MP4和HLS格式的点播文件播放，适用于视频点播、影视播放等场景。多媒体应用：可作为多媒体应用中的视频播放组件，集成到各类Web应用中。功能模块核心播放：负责音视频流的解码和播放。协议支持：支持多种传输协议，包括http-flv、websocket-flv、websocket-raw等。解码能力：支持H.264、H.265视频解码，以及AAC、PCMA、PCMU等音频解码。UI组件：提供底部UI操作栏，支持播放/暂停、音量调节、截屏、录制等功能。扩展功能：支持视频录制、多屏播放、加密流解密等高级功能。功能特点跨平台兼容：兼容所有主流浏览器，支持PC、手机、微信等多平台播放。低延迟播放：可设置播放缓冲区时长，支持0缓冲极限低延迟播放。智能丢帧：采用WASM智能不花屏丢帧技术，确保前台长时间播放不累积延迟。多实例支持：可同时创建多个播放实例，满足多路视频播放需求。协议丰富：同时支持http-flv、websocket-flv等多种协议，以及websocket-raw私有协议。安全传输：支持HTTPS/WSS加密视频传输，保障视频内容安全。移动端优化：手机浏览器内打开视频不会全屏播放，且长时间不会息屏。硬件解码：支持WebCodecs和MediaSourceExtensions硬件解码，提升播放性能。高级功能：支持视频录制、画面旋转、镜像、水印添加等高级功能。项目技术栈前端技术：HTML5、JavaScript、CSS3音视频处理：Emscripten、WebAssembly、FFmpeg网络通信：WebSocket、HTTP/HTTPSUI框架：自定义UI组件，适配H5移动端和Web端性能优化：WebWorker多核解码、OffscreenCanvas、GZIP压缩安全加密：HTTPS/WSS、M7S加密、国标SM4加密、XOR加密功能演示开源地址{hide}Jessibuca{/hide}
在Bootstrap中设置一天一次的自动弹窗功能
在 Bootstrap v5.3.0 中实现一天显示一次的自动弹窗功能，可借助 JavaScript 操作 localStorage 或 cookie 来记录弹窗的显示状态，结合 Bootstrap 的模态框组件实现该功能。下面给出一个使用 localStorage 的示例代码：引入必要的文件确保在 HTML 文件中引入 Bootstrap 的 CSS 和 JavaScript 文件，同时引入 jQuery（因为示例代码使用了 jQuery 简化 DOM 操作）。 One-time Popup 每日提示 这是每天仅显示一次的弹窗提示信息。 关闭 代码解释HTML 部分：创建了一个 Bootstrap 模态框，其 id 为 myModal，用于显示弹窗内容。模态框包含标题、主体内容和底部的关闭按钮。JavaScript 部分：页面加载完成后，使用 $(document).ready() 函数执行代码。获取当前日期并转换为字符串格式。从 localStorage 中获取上次显示弹窗的日期。若上次显示日期与当前日期不同，使用 bootstrap.Modal 实例化模态框并调用 show() 方法显示模态框。将当前日期存储到 localStorage 中，以便下次访问时进行比较。注意事项兼容性：localStorage 在现代浏览器中得到广泛支持，但在旧版本浏览器中可能存在兼容性问题。若需要支持旧版本浏览器，可考虑使用 cookie 替代。数据清除：localStorage 中的数据不会自动过期，若要清除数据，可手动调用 localStorage.removeItem('lastPopupDate') 或使用 localStorage.clear() 清除所有数据。