标签：markdown textarea title 书签 window document Bookmarklet 链接

痛点

写文章著名参考链接时手动生成markdown链接很麻烦
例如Google
很长一段时间我都使用chrome扩展进行获取
Copy Title and Url as Markdown Style
对于macOS的Safari无能为力

解决

思路：使用包含javascript代码的Bookmarklet书签获取title+url拼接为markdown格式
只需添加书签并将js代码填入地址即可，由于使用js理论上支持所有平台浏览器调用

弹窗版

弹出窗口手动复制markdown链接

javascript:window.prompt("Copy to clipboard: Ctrl+C, Enter",'[' + document.title + '](' + window.location.href + ')');

复制版

直接将markdown链接写入剪贴板

javascript:(function() {

function copyToClipboard(text) {
    if (window.clipboardData && window.clipboardData.setData) {
        /*IE specific code path to prevent textarea being shown while dialog is visible.*/
        return clipboardData.setData("Text", text); 

    } else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
        var textarea = document.createElement("textarea");
        textarea.textContent = text;
        textarea.style.position = "fixed";  /* Prevent scrolling to bottom of page in MS Edge.*/
        document.body.appendChild(textarea);
        textarea.select();
        try {
            return document.execCommand("copy");  /* Security exception may be thrown by some browsers.*/
        } catch (ex) {
            console.warn("Copy to clipboard failed.", ex);
            return false;
        } finally {
            document.body.removeChild(textarea);
        }
    }
}

var markdown = '[' + document.title + '](' + window.location.href + ')';
copyToClipboard(markdown);
})();

参考

[Bookmarklet to copy current page title and url in Markdown format to clipboard, like title - Usual for posting links to resources in README.md files](https://gist.github.com/bradleybossard/3667ad5259045f839adc)

标签：markdown,textarea,title,书签,window,document,Bookmarklet,链接
来源： https://www.cnblogs.com/azureology/p/15708917.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。