当前位置: 首页 > news >正文

语雀编辑器内双击回车插入当前时间js脚本

打算多记录自己的想法,或者说灵感、念头

我想要的格式大概是这样的:

17:06 我写下第一个记录17:08 又一个想法18:38 又一个想法

但是每次写时间都太麻烦了,想着能不能用程序或者脚本实现。

最终用脚本实现了:

// ==UserScript==
// @name         语雀编辑器双回车插入时间
// @namespace    http://tampermonkey.net/
// @version      7.0
// @description  连续按两次 Enter,在语雀文档中插入当前时间
// @author       whx
// @match        https://www.yuque.com/jueming-qh7bj/nelzrt/*
// @grant        none
// ==/UserScript==
(() => {let lastEnterTime = 0;function formatDate(date, format) {const pad = (num) => num.toString().padStart(2, '0');return format.replace(/MM/g, pad(date.getMonth() + 1)).replace(/dd/g, pad(date.getDate())).replace(/HH/g, pad(date.getHours())).replace(/mm/g, pad(date.getMinutes())).replace(/ss/g, pad(date.getSeconds()));}const timeFormat = 'MM-dd HH:mm';function insertTextAtCursor(text) {const el = document.activeElement;if (el &&(el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') &&typeof el.selectionStart === 'number') {const start = el.selectionStart;const end = el.selectionEnd;const val = el.value;el.value = val.slice(0, start) + text + val.slice(end);const cursorPos = start + text.length;el.selectionStart = el.selectionEnd = cursorPos;} else if (el && el.isContentEditable) {document.execCommand('insertText', false, text);} else {console.warn('当前焦点既不是输入框,也不是contenteditable元素,无法插入文本');}}document.addEventListener('keyup', (e) => {if (e.key === 'Enter') {const now = Date.now();if (now - lastEnterTime < 500) {const timeStr = formatDate(new Date(), timeFormat) + '  ';insertTextAtCursor(timeStr);}lastEnterTime = now;}});
})();

这个脚本只能在我的语雀的记录知识库里面用,如果你要用的话,需要改开头的这一行:

// @match        https://www.yuque.com/jueming-qh7bj/nelzrt/*

这一行的意思是https://www.yuque.com/jueming-qh7bj/nelzrt/的子路径下该插件生效

将@match 后面的参数修改成你要使用的网页地址就好了

下面是测试结果:
在这里插入图片描述

http://www.lryc.cn/news/591018.html

相关文章:

  • 【WRFDA第六期】WRFDA 输出文件详述
  • R语言基础| 基本图形绘制(条形图、堆积图、分组图、填充条形图、均值条形图)
  • Spring AI之Prompt开发
  • Web攻防-PHP反序列化Phar文件类CLI框架类PHPGGC生成器TPYiiLaravel
  • Cursor开发步骤
  • 【C++指南】C++ list容器完全解读(四):反向迭代器的巧妙实现
  • 113:路径总和 II
  • Java学习--JVM(2)
  • 基于FPGA的IIC控制EEPROM读写(2)
  • AI算法之图像识别与分类
  • 深入理解Java中的Collections.max()方法
  • 贪心算法(排序)
  • GLM(General Language Model,通用语言模型)
  • 2020717零碎写写
  • 学习OpenCV---显示图片
  • Java集合框架中List常见问题
  • Python爬虫实战:Requests与Selenium详解
  • ESLint 完整功能介绍和完整使用示例演示
  • 产品经理如何描述用户故事
  • Rocky Linux 9 源码包安装php7
  • API开发提速新方案:SmartBear API Hub与ReadyAPI虚拟化整合实践
  • 学习日志预告
  • 学习设计模式《十八》——备忘录模式
  • ThinkPHP8 Windows开发全流程:从搭建到上线
  • TASK01【datawhale组队学习】地瓜机器人具身智能概述
  • 设计模式笔记_结构型_装饰器模式
  • 【后端】.NET Core API框架搭建(9) --配置使用Log4Net日志
  • 人工智能之数学基础:概率论和数理统计在机器学习的地位
  • 使用Proxy设计模式来增强类的功能:ToastProxy和DesktopToast的设计关系
  • 力扣119:杨辉三角Ⅱ