☰

AutoSaveDiv

save and restores div.contenteditable texts

当前为 2015-02-20 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        AutoSaveDiv
  3. // @namespace   AutoSaveDiv
  4. // @description save and restores div.contenteditable texts
  5. // @include     *
  6. // @exclude		https://docs.google.com/*
  7. // @version     1.03
  8. // @grant       GM_listValues
  9. // @grant       GM_setValue
  10. // @grant       GM_getValue
  11. // @grant       GM_registerMenuCommand
  12. // @grant       GM_deleteValue
  13. // @author		Dediggefedde
  14. // ==/UserScript==
  15.  
  16. var active=false;
  17. var isCtrl=false;
  18. var isShift=false;
  19. var isAlt=false;
  20. var name="";
  21. var altstil;
  22. var img=document.createElement("div");
  23.  
  24. GM_registerMenuCommand("Clear stored Formular Fiels", function(){
  25.     var arrs=GM_listValues();
  26.     var i=0;
  27.    for (i = 0; i < cars.length; i++) { 
  28.         GM_deleteValue(arrs[i]);
  29.     }
  30. }, "c" );
  31.  
  32. img.addEventListener("contextmenu",function(e){
  33. 	restore(img.previousSibling);
  34. 	e.preventDefault();
  35. 	return false;
  36. },false);
  37.  
  38. img.addEventListener("click",function(e){
  39. 	e.preventDefault();
  40. 	if(e.which==1)listenView(img.previousSibling);
  41. 	// else if(e.which==3)
  42. 	return false;
  43. },true);
  44. 		
  45. function save(el){
  46. 	if(el.tagName=="DIV")
  47. 		GM_setValue(name,document.activeElement.innerHTML);
  48. 	else if(el.tagName=="TEXTAREA")
  49. 		GM_setValue(name,document.activeElement.value);
  50. }
  51. function restore(el){
  52. 	if(el.tagName=="DIV")
  53. 		el.innerHTML=GM_getValue(name);
  54. 	else if(el.tagName=="TEXTAREA")
  55. 		el.value=GM_getValue(name);
  56. }
  57. function listenView(el){
  58. 	
  59. 	active=!active;
  60. 	if(active){
  61. 		img.style.backgroundColor="red";
  62. 		altstil=el.style.border;
  63. 		el.style.border="1px solid red";
  64. 	}else {
  65. 		img.style.backgroundColor="blue";
  66. 		el.style.border=altstil;
  67. 	}
  68. }
  69.  
  70. document.addEventListener("click",function(e){
  71. 	if(this==img||active)return false;
  72. 	if((document.activeElement.tagName=="DIV"&&document.activeElement.getAttribute("contenteditable"))||document.activeElement.tagName=="TEXTAREA"){
  73. 		name=location.host+"::"+document.activeElement.tagName+"_"+location.pathname;
  74. 		img.setAttribute("style","width:20px;height:20px;position:relative;margin-top:-20px;opacity:0.5;border:1px solid blue;background-color:blue;border-top-right-radius:15px;");
  75. 		img.title="leftclick: de-/activate capturing text!\nrightclick: restore last text!\nstored:\n"+GM_getValue(name);
  76. 		document.activeElement.parentNode.insertBefore(img, document.activeElement.nextSibling);
  77. 		// console.log(name);
  78. 	}	
  79. },true);
  80.  
  81. document.addEventListener("keydown",function(e){
  82. 	switch(e.which){
  83. 		case 17:isCtrl=true;break;
  84. 		case 16:isShift=true;break;
  85. 		case 18:isAlt=true;break;
  86. 		default:
  87. 	};
  88. },true);
  89.  
  90. document.addEventListener("keyup",function(e){
  91. 	switch(e.which){
  92. 		case 17:isCtrl=false;break;
  93. 		case 16:isShift=false;break;
  94. 		case 18:isAlt=false;break;
  95. 		case 68: //d
  96. 			if(isShift&&isCtrl&&isAlt){
  97. 				listenView(document.activeElement);
  98. 			}			
  99. 			break;
  100. 		case 83: //s
  101. 			if(!active&&isShift&&isCtrl&&isAlt)restore(document.activeElement);
  102. 			break;
  103. 		default:
  104. 	};
  105. 	if(active){
  106. 		save(document.activeElement);
  107. 		img.title="leftclick: de-/activate capturing text!\nrightclick: restore last text!\nstored:\n"+GM_getValue(name);
  108. 	}
  109. },true);