☰

AutoSaveDiv

save and restores div.contenteditable texts

当前为 2014-12-21 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        AutoSaveDiv
  3. // @namespace   AutoSaveDiv
  4. // @description save and restores div.contenteditable texts
  5. // @include     *
  6. // @version     1
  7. // @grant       GM_setValue
  8. // @grant       GM_getValue
  9. // @author		Dediggefedde
  10. // ==/UserScript==
  11.  
  12. var active=false;
  13. var isCtrl=false;
  14. var isShift=false;
  15. var isAlt=false;
  16. var name="";
  17. var altstil;
  18. var img=document.createElement("div");
  19.  
  20. img.addEventListener("contextmenu",function(e){
  21. 	console.log(name);
  22. 	img.previousSibling.innerHTML=GM_getValue(name);
  23. 	e.preventDefault();
  24. 	return false;
  25. },false);
  26.  
  27. img.addEventListener("click",function(e){
  28. 	e.preventDefault();
  29. 	if(e.which==1)listenView(img.previousSibling);
  30. 	// else if(e.which==3)
  31. 	return false;
  32. },true);
  33. 		
  34. function listenView(el){
  35. 	
  36. 	active=!active;
  37. 	if(active){
  38. 		console.log(el);
  39. 		img.style.backgroundColor="red";
  40. 		altstil=el.style.border;
  41. 		el.style.border="1px solid red";
  42. 	}else {
  43. 		img.style.backgroundColor="blue";
  44. 		el.style.border=altstil;
  45. 	}
  46. }
  47.  
  48. document.addEventListener("click",function(e){
  49. 	if(this==img||active)return false;
  50. 	if(document.activeElement.tagName=="DIV"&&document.activeElement.getAttribute("contenteditable")){
  51. 		name=location.host+"::"+document.activeElement.tagName+"_"+document.activeElement.className+"_"+document.activeElement.id;
  52. 		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;");
  53. 		img.title="leftclick: de-/activate capturing text!\nrightclick: restore last text!\nstored:\n"+GM_getValue(name);
  54. 		document.activeElement.parentNode.insertBefore(img, document.activeElement.nextSibling);
  55. 	}	
  56. },true);
  57.  
  58. document.addEventListener("keydown",function(e){
  59. 	switch(e.which){
  60. 		case 17:isCtrl=true;break;
  61. 		case 16:isShift=true;break;
  62. 		case 18:isAlt=true;break;
  63. 		default:
  64. 	};
  65. },true);
  66.  
  67. document.addEventListener("keyup",function(e){
  68. 	switch(e.which){
  69. 		case 17:isCtrl=false;break;
  70. 		case 16:isShift=false;break;
  71. 		case 18:isAlt=false;break;
  72. 		case 68: //d
  73. 			if(isShift&&isCtrl&&isAlt){
  74. 				listenView(document.activeElement);
  75. 			}			
  76. 			break;
  77. 		case 83: //s
  78. 			if(!active&&isShift&&isCtrl&&isAlt)document.activeElement.innerHTML=GM_getValue(name);
  79. 			break;
  80. 		default:
  81. 	};
  82. 	if(active){
  83. 		GM_setValue(name,document.activeElement.innerHTML);
  84. 		img.title="leftclick: de-/activate capturing text!\nrightclick: restore last text!\nstored:\n"+GM_getValue(name);
  85. 	}
  86. },true);