提取网页标题和URL快捷生成各类标记语言引用链接文本并复制到系统剪贴板
当前为
// ==UserScript==
// @id
// @name RefLinkGenerator
// @name:zh 引用链接生成器
// @namespace http://www.joshuazhang.net
// @version 1.0
// @description 提取网页标题和URL快捷生成各类标记语言引用链接文本并复制到系统剪贴板
// @description Generate reference link in all kinds of markup languages like html, markdown etc and copy to system clipboard.
// homepageURL //TODO
// updateURL //TODO
// downloadURL //TODO
// @homepageURL //TODO
// @require https://code.jquery.com/jquery-1.11.3.min.js
// @include http://*
// @include https://*
// @author joshz
// @grant GM_addStyle
// @grant GM_log
// @run-at document-end
// ==/UserScript==
var DEBUG = true;
/*
Add rlg-panel styles
https://stackoverflow.com/a/707580/2709868
TODO More style attrs need to be assigned, since they always inherit from current page.
*/
var style ="#rlg-panel {display:inline-block;position:fixed;top:10%;left:0;z-index:2147483647;background:#111;color:#fff;overflow:hidden;} \
#rlg-panel input{color:#111;margin:2px 8px 2px 8px;border-width:2px;border-color:#32cd32} \
#rlg-panel a{color:#fff;font-size:14px;text-decoration:none;border-style:solid;border-width:1px;border-color:#32cd32} \
#rlg-panel div{white-space:nowrap;margin:2px 10px 2px 10px;}"; // CSS to be added
GM_addStyle(style);
/*
Retrieve page url and page title
*/
var page_url = window.location.href; // Obtain absolute URL of current page
if (DEBUG) {GM_log('page_url=> ' + page_url);}
var page_title;
try {
var tag_content_title = document.getElementsByTagName('title')[0].innerHTML;
} catch(err) {
GM_log("Fail to get tag <title>: " + err.message);
}
if (DEBUG) {GM_log('tag_content_title=> ' + tag_content_title);}
try {
var tag_content_first_h1 = document.getElementsByTagName('h1')[0].innerHTML;
} catch(err) {
GM_log("Fail to get tag <h1>: " + err.message);
}
if (DEBUG) {GM_log('tag_content_first_h1=> ' + tag_content_first_h1);}
if (tag_content_title) { // tag_content_title exists and not null or undefined
page_title = tag_content_title;
} else if ( tag_content_first_h1) { // tag_content_first_h1 exists and not null or undefined
page_title = tag_content_first_h1;
} else {
page_title = page_url;
}
if (DEBUG) {GM_log('page_title=> ' + page_title);}
// TODO what if tag_content_title or tag_content_first_h1 is a link or other tags??
// TODO e.g. https://stackoverflow.com/questions/21698065/whats-the-difference-between-textarea-and-input-type-text-in-angularjs
/*
Markup language settings
Users may add their own markup language settings here
*/
var markup = [ // Specific names for different kinds of markup languages
{ // html
button_name: "HTML",
base_id: "rlg-html",
makelink: function(page_title, page_url) {
return '<a href="' + page_url + '">' + page_title + '<\/a>';
}
},
{ // markdown
button_name: "Markdown",
base_id: "rlg-markdown",
makelink: function(page_title, page_url) {
return '[' + page_title + "](" + page_url + " )";
}
},
{ // reStructured Text
button_name: "reST",
base_id: "rlg-rest",
makelink: function(page_title, page_url) {
return '`' + page_title + '`_ .. _`' + page_title + '`: ' + page_url;
}
},
{ // Org-mode
button_name: "Orgmode",
base_id: "rlg-orgmode",
makelink: function(page_title, page_url) {
return '[[' + page_url + '][' + page_title + ']]';
}
},
{ // LaTeX
button_name: "LaTeX",
base_id: "rlg-latex",
makelink: function(page_title, page_url) {
return '\\href{' + page_url + '}{' + page_title + '}';
}
}
];
// Auto-hide panel
// https://stackoverflow.com/questions/4811807/hidden-sidebar-that-shows-up-on-hover
$(
function(){
$('#rlg-panel').hover(function(){
$(this).animate({width:'25%'},500);
},function(){
$(this).animate({width:'2px'},500);
}).trigger('mouseleave');
}
);
function regenerate() { // onclick function for button "rlg-regenerate-button"
var page_title = document.getElementById("rlg-title-input").value;
console.log(page_title);
var page_url = window.location.href;
console.log(page_url);
var id_tmp;
for (var i=0; i<markup.length; ++i) {
id_tmp=markup[i].base_id;
console.log(id_tmp);
document.getElementById(id_tmp+'-input').value=markup[i].makelink(page_title, page_url);
console.log('modified');
}
}
function copy_to_system_clipboard(this_id) { // onclick function for buttons "rlg-[markup]-button"
// https://stackoverflow.com/a/30810322/2709868
// Copy textarea or input text to system clipboard with one click
// See:https://stackoverflow.com/a/30810322/2709868
// Seems IE and chrome support document.execCommand('copy')
// Firefox doesn't support it and Safari not tested yet.
console.log(this_id);
var text_input = document.getElementById(this_id.replace('-button', '') + '-input');
console.log(this_id.replace('-button', '') + '-input');
text_input.select();
var hint_div = document.getElementById('rlg-hint');
try {
var successful = document.execCommand('copy'); // TODO Is GM_setClipboard() more compatible?
var msg = successful ? 'successful' : 'unsuccessful';
hint_div.setAttribute('style', 'color:lightgreen');
var markup_tmp = this_id.replace('-button', '').replace('rlg-', '');
hint_div.innerHTML = 'Copying ' + markup_tmp + ' link system clipboard was ' + msg;
} catch (err) {
hint_div.setAttribute('style', 'color:red');
hint_div.innerHTML = "Copying to system clipboard is not supported by your browser, you can copy it manually";
}
}
/*
Append rlg-panel div element into document.body
*/
var div_rlg_panel = document.createElement("div");
div_rlg_panel.id = "rlg-panel";
GM_log("create div rlg-panel succeed");
// rlg-regenerate
var input_regenerate_1 = document.createElement("input");
input_regenerate_1.type = "text";
input_regenerate_1.id = "rlg-title-input";
input_regenerate_1.value = page_title;
var label_regenerate_1 = document.createElement("label");
label_regenerate_1.appendChild(input_regenerate_1);
var input_regenerate_2 = document.createElement("input");
input_regenerate_2.type = "button";
input_regenerate_2.id = "rlg-regenerate-button";
input_regenerate_2.value = "Regenerate";
input_regenerate_2.addEventListener("click", regenerate);
var label_regenerate_2 = document.createElement("label");
label_regenerate_2.appendChild(input_regenerate_2);
var div_rlg_regenerate = document.createElement("div");
div_rlg_regenerate.id = "rlg-regenerate";
div_rlg_regenerate.appendChild(label_regenerate_1);
div_rlg_regenerate.appendChild(label_regenerate_2);
div_rlg_panel.appendChild(div_rlg_regenerate);
GM_log("create div rlg-regenerate succeed");
// rlg-[markup]-button and rlg-[markup]-input
for (var j=0; j<markup.length; ++j) {
var div_markup = document.createElement("div");
var label_1 = document.createElement("label");
var label_2 = document.createElement("label");
var input_1 = document.createElement("input");
var input_2 = document.createElement("input");
input_1.type = "text";
input_1.id = markup[j].base_id + "-input";
input_1.value = markup[j].makelink(page_title, page_url);
label_1.appendChild(input_1);
input_2.type = "button";
input_2.id = markup[j].base_id + "-button";
input_2.value = markup[j].button_name;
// Important stuff about addEventListener:
// http://www.w3schools.com/js/js_htmldom_eventlistener.asp
// http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls
input_2.addEventListener("click", function() {copy_to_system_clipboard(this.id);});
label_2.appendChild(input_2);
div_markup.appendChild(label_1);
div_markup.appendChild(label_2);
div_rlg_panel.appendChild(div_markup);
GM_log(markup[j].button_name + " appended");
}
// rlg-hint
var div_rlg_hint = document.createElement("div");
div_rlg_hint.id = "rlg-hint";
div_rlg_panel.appendChild(div_rlg_hint);
document.body.appendChild(div_rlg_panel);