油猴脚本(3)——智能文档粘贴markdown
创作者俱乐部成员
网页里的智能文档不能粘贴markdown,有点不便
前面说过油猴脚本可以把网页改造成你喜欢的样子
今天试着加个粘贴markdown的方法
油猴脚本如下:
🔔 | // ==UserScript== // @name kdocs // @namespace http://tampermonkey.net/ // @version 2024-07-01 // @description try to take over the world! // @author You // @match https://www.kdocs.cn/* // @icon https://www.google.com/s2/favicons?sz=64&domain=kdocs.cn // @require https://cdnjs.cloudflare.com/ajax/libs/marked/13.0.2/marked.min.js // @grant none // ==/UserScript== (function() { 'use strict'; function debounce(func, delay) { let timerId; return function () { const context = this; const args = arguments; clearTimeout(timerId); timerId = setTimeout(() => { func.apply(context, args); }, delay); }; } const textarea = document.createElement('textarea'); document.body.prepend(textarea); const iframe = document.createElement('iframe'); document.body.prepend(iframe); textarea.oninput = debounce(function(e){ iframe.srcdoc = marked.parse(e.target.value); }, 600) })(); |
上面是个防抖函数debounce
然后用油猴脚本,在body前面插入一个textarea和一个iframe
最后设置textarea的input事件触发个防抖的渲染markdown到iframe内容的方法