id: bb903e7c4cf040038533bfa951b74a78
parent_id: 
item_type: 1
item_id: dc6f857580444ea588b9d8c1798a7fa6
item_updated_time: 1764345609752
title_diff: "[{\"diffs\":[[1,\"X-Spreadsheet：Web 端 Excel 电子表格工具库\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":33}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>X-Spreadsheet：Web 端 Excel 电子表格工具库</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"32975\\\"></a>\\\r\\\n<h1>X-Spreadsheet：Web 端 Excel 电子表格工具库</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"\\\"><div style=\\\"max-width: 700px;\\\"><p></p><div style=\\\"--en-blockquote: true; box-sizing: border-box; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial;\\\"><div>原文链接: <a href=\\\"http://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247485265&amp;idx=1&amp;sn=6618e464ed0276bc760373f8d5f06fd5&amp;chksm=ea66634c4037e366b139425747e139fe34f577f94233691471b0e2a242b157cc4e0ab1b8062c&amp;mpshare=1&amp;scene=1&amp;srcid=1108Y3Krf2NG6HwrlQZzyB7E&amp;sharer_shareinfo=0bc1610f6920bddcd2873e14d977a611&amp;sharer_shareinfo_first=0bc1610f6920bddcd2873e14d977a611#rd\\\"><span>http://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247485...</span></a></div></div><p></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">原创</span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"> tsevens </span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><a style=\\\"-webkit-tap-highlight-color: transparent;\\\"> 前端资源推荐 </a></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><em style=\\\"-webkit-tap-highlight-color: transparent;\\\"></em></span></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none;\\\">X-Spreadsheet 是一个 Web 端、基于 ES6 Canvas 构建的轻量级 Excel <span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-align: left; text-wrap: wrap;\\\">电子</span>表格工具库。<span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-align: left; text-wrap: wrap;\\\">轻量级但功能全面</span>，适用于需要在 Web 应用中嵌入电子表格功能的各种场景。轻量级特性和丰富的 API 使得它成为开发者在进行 Web 应用开发时的一个理想选择。</span></span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">在线预览：</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/02ce052da2d64177adffa0303ba094b3\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">支持功能：</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; text-align: justify; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-indent: 0; text-wrap: wrap;\\\">合并单元格、复制粘贴、</span>撤销重做、</span><span style=\\\"-webkit-tap-highlight-color: transparent; text-indent: 0; letter-spacing: 0.578px;\\\">添加行列、删除行列、隐藏行列、动态调整行列功能、冻结行列、添加边框/颜色/边框线条样式、打印、公式、筛选、自动填充、多表支持、字体样式、自定义字体/大小/颜色、填充前景色/背景色、格式校验、对齐方式、文字换行等等。</span></span></div><div style=\\\"-webkit-tap-highlight-color: transparent; text-align: justify; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; text-indent: 0; letter-spacing: 0.578px;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; text-indent: 0; letter-spacing: 0.578px; text-align: left; text-wrap: wrap;\\\">方法函数 </span>API：</span></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/2e2b93ac771f40e1bf9dd959886ddc1b\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><div style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-align: left; text-wrap: wrap;\\\">参数</span>配置：</span><br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">可以对表格工具栏、Excel 网格、右键菜单、表格宽高、行、列进行配置及样式修改。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/c29216a33c564495b245228969fee2d8\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-align: left; text-wrap: wrap;\\\">安装使用：</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; color: black; letter-spacing: 0; word-break: break-word;\\\"><div style=\\\"--en-codeblock: true; --en-meta: {&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true}; box-sizing: border-box; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;\\\"><pre><span>npm install x-data-spreadsheet</span><br/></pre></div></div><div style=\\\"-webkit-tap-highlight-color: transparent; color: black; letter-spacing: 0; word-break: break-word;\\\"><div style=\\\"--en-codeblock: true; --en-meta: {&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true}; box-sizing: border-box; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;\\\"><pre><span>// 使用</span><br/><span>import Spreadsheet from &quot;x-data-spreadsheet&quot;;</span><br/><span>const options = {}; // 参数配置</span><br/><span>const spreadsheet = new Spreadsheet(&quot;#x-spreadsheet-demo&quot;, options)</span><br/><span>  .loadData({}) // load data</span><br/><span>  .change(data =&gt; {</span><br/><span>    // save data to db</span><br/><span>  });</span><br/><span>spreadsheet.validate()</span><br/></pre></div></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">默认样式参数配置：</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; color: black; letter-spacing: 0; word-break: break-word;\\\"><div style=\\\"--en-codeblock: true; --en-meta: {&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true}; box-sizing: border-box; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;\\\"><pre><span>{</span><br/><span>  mode: 'edit', // edit | read</span><br/><span>  showToolbar: true,</span><br/><span>  showGrid: true,</span><br/><span>  showContextmenu: true,</span><br/><span>  view: {</span><br/><span>    height: () =&gt; document.documentElement.clientHeight,</span><br/><span>    width: () =&gt; document.documentElement.clientWidth,</span><br/><span>  },</span><br/><span>  row: {</span><br/><span>    len: 100,</span><br/><span>    height: 25,</span><br/><span>  },</span><br/><span>  col: {</span><br/><span>    len: 26,</span><br/><span>    width: 100,</span><br/><span>    indexWidth: 60,</span><br/><span>    minWidth: 60,</span><br/><span>  },</span><br/><span>  style: {</span><br/><span>    bgcolor: '#ffffff',</span><br/><span>    align: 'left',</span><br/><span>    valign: 'middle',</span><br/><span>    textwrap: false,</span><br/><span>    strike: false,</span><br/><span>    underline: false,</span><br/><span>    color: '#0a0a0a',</span><br/><span>    font: {</span><br/><span>      name: 'Helvetica',</span><br/><span>      size: 10,</span><br/><span>      bold: false,</span><br/><span>      italic: false,</span><br/><span>    },</span><br/><span>  },</span><br/><span>}</span><br/></pre></div></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">特性介绍：</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none;\\\">兼容主流浏览器：支持所有主流的浏览器，包括 Chrome、Firefox、Safari。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none;\\\">丰富的 API：提供丰富的 API 接口，方便开发者进行二次开发和功能扩展。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none;\\\">自定义样式：允许开发者自定义样式，以适应不同的应用场景和品牌需求。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; text-align: left; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none;\\\">事件处理：提供事件处理机制，可以监听和响应用户的各种操作，如单元格选择、数据输入等。</span></div><hr style=\\\"-webkit-tap-highlight-color: transparent; border-style: solid; border-width: 1px 0 0; border-color: rgba(0,0,0,0.1); -webkit-transform-origin: 0 0; -webkit-transform: scale(1,0.5); transform-origin: 0 0; transform: scale(1,0.5);\\\"/><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-align: left; text-wrap: wrap; color: rgb(178,178,178); letter-spacing: 0.408px; background-color: rgb(255,255,255);\\\">《前端资源推荐》</span><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-align: left; text-wrap: wrap; background-color: rgb(255,255,255); color: rgb(178,178,178); letter-spacing: 0.51px;\\\">公众号</span><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-align: left; text-wrap: wrap; color: rgb(178,178,178); letter-spacing: 0.408px; background-color: rgb(255,255,255);\\\">收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等，如有其他优秀资源，欢迎发消息投稿，感谢点赞</span><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-align: left; text-wrap: wrap; background-color: rgb(255,255,255); color: rgb(178,178,178); letter-spacing: 0.408px;\\\">、在看</span><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-align: left; text-wrap: wrap; color: rgb(178,178,178); letter-spacing: 0.408px; background-color: rgb(255,255,255);\\\">、转发、关注！！！</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; background-color: rgb(255,218,169);\\\">GitHub：https://github.com/myliang/x-spreadsheet</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; background-color: rgb(255,218,169);\\\">官方文档：https://hondrytravis.com/x-spreadsheet-doc/</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; background-color: rgb(255,218,169);\\\">在线预览：https://myliang.github.io/x-spreadsheet/</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.578px; text-decoration: none solid rgba(0,0,0,0.9);\\\">其他推荐：</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484880&amp;idx=1&amp;sn=9972f2ecf263de1d2b900ad4425bff46&amp;chksm=ebf39d4edc8414581f49f8e71b8eec2399c1ee93da73972bea6385ce12385e4502efd24730c6&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; letter-spacing: normal; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\">drawio：强大的开源流程图 思维导图 信息工程图工具插件</span></a></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484814&amp;idx=1&amp;sn=436e88f9de3d4553d2f8fd77eba68613&amp;chksm=ebf39d10dc841406d0e0d1ff047d1a02a73c3ba4111a3fff67a6c055fffa29a9a7f0ef37bf95&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; letter-spacing: normal; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\">uCharts：跨平台高性能图表库</span></a></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247485102&amp;idx=1&amp;sn=e0f0b944b9b369663e8a694b4a98d47d&amp;chksm=ebf39e30dc8417264ee8a978f8b3174476be2878ae0bdaec48c28a7bf37d516a5b87bfad4c80&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; letter-spacing: normal; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\">分享几个超级炫酷的可视化大屏模板</span></a></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484942&amp;idx=1&amp;sn=4e09dfd7db093eb243e0b20586a6a9ee&amp;chksm=ebf39e90dc84178625d0f58dcfb32757d9f2845d801972224c75fe180da14273d933e92a41b7&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; letter-spacing: normal; overflow: hidden; text-overflow: ellipsis;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; overflow: hidden; text-overflow: ellipsis;\\\">GitHub 186K Star JavaScript 进阶学习资源库</span></a></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); letter-spacing: 0.578px; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484649&amp;idx=1&amp;sn=178ab126ed4027dfe5c232a0b8834b4e&amp;chksm=ebf39c77dc8415619358106762997b7a6817b8f3277f96447ff9060f675d8e73d6e4a2020d4d&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; letter-spacing: normal; overflow: hidden; text-overflow: ellipsis; display: inline;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; overflow: hidden; text-overflow: ellipsis;\\\">paint-board：趣味性艺术画板</span></a></span></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); overflow: hidden; text-overflow: ellipsis; letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484470&amp;idx=1&amp;sn=0949bfd6c95d4f95b216dc093d62bee8&amp;chksm=ebf39ca8dc8415bef92b2a4f3a59d2aaad7cbf1bd3794af6e120e4bf232b8cd60506a5320ee5&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; overflow: visible; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; letter-spacing: normal; display: inline;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0;\\\">PPTist：基于 Vue3 的网页版PPT演示文稿</span></a></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); overflow: hidden; text-overflow: ellipsis; letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"http://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484661&amp;idx=1&amp;sn=2de3abc146ac66ea8982962a02920a0a&amp;chksm=ebf39c6bdc84157dac794638f2f25051c719547f524d8d2c203ec8fb9fbf8f97b38f87846b6c&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: var(--weui-LINK); cursor: default;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-decoration: underline; color: rgb(0,128,255);\\\">granimjs：给网页背景 元素 文字添加交互式的渐变效果</span></a></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); overflow: hidden; text-overflow: ellipsis; letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484445&amp;idx=1&amp;sn=e183e8545085733b75967c52316bc54c&amp;chksm=ebf39c83dc841595f21d9fe6f5300fa404504cb31e47acf1d1ed474f862ca5fcafd4b4e48cc1&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; letter-spacing: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis; display: inline;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; overflow: hidden; text-overflow: ellipsis;\\\">AiEditor：面向 AI 的下一代富文本编辑器</span></a></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; text-wrap: wrap; background-color: rgb(255,255,255); overflow: hidden; text-overflow: ellipsis; letter-spacing: 0.578px; text-align: left;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzI4NTAwNDI3Mw==&amp;mid=2247484319&amp;idx=1&amp;sn=0fd871ed8156f50929688352098f49dc&amp;chksm=ebf39b01dc8412175f7b8f4aaae180832ab674257b229cb6b1fdb28babb30aa60fd00cc391fd&amp;scene=21#wechat_redirect\\\" style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; color: rgb(0,128,255); text-decoration: underline; cursor: default; display: flex; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-align: center; letter-spacing: normal; overflow: hidden; text-overflow: ellipsis;\\\" target=\\\"_blank\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0; overflow: hidden; text-overflow: ellipsis;\\\">Apache ECharts：基于原生 JS 的开源可视化图表库</span></a></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":21249}]"
metadata_diff: {"new":{"id":"dc6f857580444ea588b9d8c1798a7fa6","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348825951,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:04:02.201Z
created_time: 2025-11-28T21:04:02.201Z
type_: 13