-
非挂件实现进度条
2022-11-08 19:43稍微改了一下 不知道有没有坑
css
@property --progress { syntax: '<percentage>'; inherits: false; initial-value: 0%; } .protyle-wysiwyg [data-node-id].list[data-subtype="t"] [contenteditable][style*="--progress"]{ content:var(--progress) ; border-radius: 25px; background: linear-gradient(90deg,rgb(123, 255, 0) , #0f0, #0ff var(--progress), transparent 0); border: 1px solid #eee; transition: .3s --progress; }
js 部分
let ws = siyuan.ws.ws ws.addEventListener("message", (msg) => { if(msg&&msg.data&&msg.data){ if(JSON.parse(msg.data).cmd=="transactions"){ document.querySelectorAll(`.protyle-wysiwyg [data-node-id].list[data-subtype="t"] `).forEach( list => { let checked = list.querySelectorAll(`:scope > div.protyle-task--done`).length let total = list.querySelectorAll(`:scope > div[data-subtype="t"]`).length let strong = list.querySelector(`[contenteditable]`) console.log(strong,checked, total) strong?strong.setAttribute("style", `--progress : ${checked / total * 100}%`):null } ) } } } )
-
如何找到思源笔记正在记录的这个文档是在本地的那个地方?
2022-11-06 15:45.sy 里面直接可以说就是 ast 那个就不是给你直接看的 输入内容消失如果不是有其他软件(比如说同步盘之类的)感干扰的话,直接发帖子提 bug 啊 .......
-
通过 hack 的方式实现卡片式超链接
2022-08-28 01:25思源里的超链接可以支持显示为卡片形式吗? - wizyangchen 的回帖 - 链滴 (ld246.com)
要是想要实现自动获取链接图标和标题那些这个帖子里好像有实现 ,最近家里大扫除加重装系统,暂时没时间鼓捣这个了
-
【分享】一个自用的表格挂件——LuckySheet
2022-05-04 13:49我这个依赖都被我弄到一起搞得乱七八糟的,没时间把他们捡出来所以不好发布
要不然每个简单挂件都带上几兆的依赖包也太离谱了 😂
-
【分享】一个自用的表格挂件——LuckySheet
2022-05-04 13:27使用 data-assets 属性可以将数据加载到思源的附件文件夹里,这样能够避免 dom 属性过长的问题,接口在 api 文档里可以看到
async function 设置思源块属性(思源伺服ip,apitokn,内容块id,属性名,属性值){ let 真实属性名 = 属性名.slice(0) if (属性名 !='name'&&属性名!='alias'&&属性名!='memo'&&属性名!='bookmark'&&属性名!='style' &&属性名!="data-assets"){ if(属性名.slice(0,7)!="custom-"){ 真实属性名= "custom-"+属性名} } let 属性对象={} 属性对象[真实属性名]=属性值 let data = {"id":内容块id,"attrs":属性对象} let url = 'http://'+思源伺服ip+'/api/attr/setBlockAttrs' let res = await 向思源请求数据(url,apitokn,data) return res["data"] //返回空数据 }
-
【分享】一个自用的表格挂件——LuckySheet
2022-05-04 13:27使用 data-assets 属性可以将数据加载到思源的附件文件夹里,这样能够避免 dom 属性过长的问题,接口在 api 文档里可以看到
async function 设置思源块属性(思源伺服ip,apitokn,内容块id,属性名,属性值){ let 真实属性名 = 属性名.slice(0) if (属性名 !='name'&&属性名!='alias'&&属性名!='memo'&&属性名!='bookmark'&&属性名!='style' &&属性名!="data-assets"){ if(属性名.slice(0,7)!="custom-"){ 真实属性名= "custom-"+属性名} } let 属性对象={} 属性对象[真实属性名]=属性值 let data = {"id":内容块id,"attrs":属性对象} let url = 'http://'+思源伺服ip+'/api/attr/setBlockAttrs' let res = await 向思源请求数据(url,apitokn,data) return res["data"] //返回空数据 }
-
【分享】一个自用的表格挂件——LuckySheet
2022-05-04 13:17