* What is BEB?

[2] [DFN[BEB]], also known as [DFN[Bookmarklet Editor Bookmarklet]], is a [[bookmarklet]] editor which is itself available as a [[bookmarklet]].

* BEB Version 2.0

[1] <data:text/html;charset=utf-8,%3C!DOCTYPE%20HTML%3E%3Chtml%20lang=en%3E%0A%3Chead%3E%0A%3Ctitle%3EBEB%20%26mdash;%20Bookmarklet%20Editor%20Bookmarklet%3C/title%3E%0A%3Cstyle%3E%0Ahtml,%20body,%20div,%20p%20%7B%0A%20%20display:%20block;%0A%20%20position:%20static;%0A%20%20margin:%200;%0A%20%20border-width:%200;%0A%20%20padding:%200;%0A%20%20text-indent:%200;%0A%7D%0A%0Abody%20%7B%0A%20%20position:%20absolute;%0A%20%20top:%200;%0A%20%20right:%200;%0A%20%20bottom:%200;%0A%20%20left:%200;%0A%20%20margin:%201em;%0A%7D%0A%0A%23decoded-section%20%7B%0A%20%20position:%20absolute;%0A%20%20top:%200;%0A%20%20right:%200;%0A%20%20bottom:%205em;%0A%20%20left:%200;%0A%7D%0A%0A%23decoded-section%20%3E%20p%20%7B%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%20%20text-indent:%200;%0A%7D%0A%0A%23decoded-url-text%20%7B%0A%20%20display:%20block;%0A%20%20margin-left:%20auto;%0A%20%20margin-right:%20auto;%0A%20%20width:%20100%25;%0A%20%20height:%20100%25;%0A%20%20-moz-box-sizing:%20border-box;%0A%20%20-webkit-box-sizing:%20border-box;%0A%20%20-ms-box-sizing:%20border-box;%0A%20%20box-sizing:%20border-box;%0A%7D%0A%0A%23encoded-section%20%7B%0A%20%20display:%20block;%0A%20%20position:%20absolute;%0A%20%20right:%200;%0A%20%20bottom:%200;%0A%20%20left:%200;%0A%20%20height:%205em;%0A%7D%0A%0A%23encoded-section%20textarea%20%7B%0A%20%20display:%20inline;%0A%20%20width:%2080%25;%0A%20%20height:%201em;%0A%7D%0A%0A%23encoded-section%20textarea%5Bdata-modified%5D%20%7B%0A%20%20color:%20black;%0A%20%20font-weight:%20bolder;%0A%7D%0A%3C/style%3E%0A%3Cscript%3E%0A%20%20document.isModified%20=%20false;%0A%0A%20%20var%20updateTimer%20=%200;%0A%20%20function%20scheduleToUpdateEncodedURL%20%28%29%20%7B%0A%20%20%20%20if%20%28updateTimer%29%20%7B%0A%20%20%20%20%20%20clearTimeout%20%28updateTimer%29;%0A%20%20%20%20%7D%0A%20%20%20%20updateTimer%20=%20setTimeout%20%28updateEncodedURL,%201000%29;%0A%20%20%7D%20//%20scheduleToUpdateEncodedURL%0A%0A%20%20function%20updateEncodedURL%20%28%29%20%7B%0A%20%20%20%20var%20url%20=%20document.getElementById%20%28%27decoded-url-text%27%29.value;%0A%20%20%20%20if%20%28url.match%20%28/%5Ejavascript:/i%29%29%20%7B%0A%20%20%20%20%20%20url%20=%20%27javascript:%27%20+%20encodeURIComponent%20%28url.substring%20%2811%29%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%27/g,%20%27%2527%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%28/g,%20%27%2528%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%29/g,%20%27%2529%27%29;%0A%20%20%20%20%7D%20else%20if%20%28url.match%20%28/%5Edata:/i%29%29%20%7B%0A%20%20%20%20%20%20url%20=%20%27data:%27%20+%20encodeURI%20%28url.substring%20%285%29%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%23/g,%20%27%2523%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%26/g,%20%27%2526%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%27/g,%20%27%2527%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%28/g,%20%27%2528%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%29/g,%20%27%2529%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%3F/g,%20%27%253F%27%29;%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20url%20=%20encodeURI%20%28url%29;%0A%20%20%20%20%7D%0A%0A%20%20%20%20var%20encoded%20=%20document.getElementById%20%28%27encoded-url-text%27%29;%0A%20%20%20%20encoded.value%20=%20url;%0A%20%20%20%20encoded.removeAttribute%20%28%27data-modified%27,%20%27%27%29;%0A%0A%20%20%20%20var%20link%20=%20document.getElementById%20%28%27encoded-url-link%27%29;%0A%20%20%20%20link.href%20=%20url;%0A%20%20%20%20link.title%20=%20url.length%20+%20%27%20characters%27;%0A%20%20%20%20document.isModified%20=%20true;%0A%20%20%7D%20//%20updateEncodedURL%0A%0A%20%20function%20editEncodedURL%20%28%29%20%7B%0A%20%20%20%20if%20%28document.isModified%29%20%7B%0A%20%20%20%20%20%20if%20%28!confirm%20%28%27The%20code%20is%20modified.%20%20Continue%20anyway%3F%27%29%29%20%7B%0A%20%20%20%20%20%20%20%20return;%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20updateDecodedURL%20%28%29;%0A%20%20%20%20updateEncodedURL%20%28%29;%0A%20%20%20%20document.isModified%20=%20false;%0A%20%20%7D%20//%20editEncodedURL%0A%0A%20%20function%20updateDecodedURL%20%28%29%20%7B%0A%20%20%20%20var%20encoded%20=%20document.getElementById%20%28%27encoded-url-text%27%29;%0A%20%20%20%20document.getElementById%20%28%27decoded-url-text%27%29.value%20=%20decodeURIComponent%20%28encoded.value%29;%0A%20%20%20%20encoded.removeAttribute%20%28%27data-modified%27%29;%0A%20%20%7D%20//%20updateDecodedURL%0A%0A%20%20function%20encodedURLModified%20%28%29%20%7B%0A%20%20%20%20document.getElementById%20%28%27encoded-url-text%27%29.setAttribute%20%28%27data-modified%27,%20%27%27%29;%0A%20%20%7D%20//%20encodedURLModified%0A%3C/script%3E%0A%3C/head%3E%0A%3Cbody%20onbeforeunload=%22if%20%28document.isModified%29%20event.returnValue%20=%20%27Modified%27%22%3E%0A%0A%3Cdiv%20class=section%20id=decoded-section%3E%0A%3Cp%3E%3Ctextarea%20id=decoded-url-text%20onchange=%22%20scheduleToUpdateEncodedURL%20%28%29%20%22%20onkeypress=%22%20scheduleToUpdateEncodedURL%20%28%29%20%22%3Ejavascript:%0A%3C/textarea%3E%0A%3C/div%3E%0A%0A%3Cdiv%20class=section%20id=encoded-section%3E%0A%3Cp%3E%3Ca%20href=%22data:,%22%20id=encoded-url-link%3EURL%3C/a%3E:%20%0A%3Ctextarea%20id=encoded-url-text%20onchange=%22%20%20if%20%28!document.isModified%29%20updateDecodedURL%20%28%29;%20else%20encodedURLModified%20%28%29%20%22%20onkeypress=%22%20encodedURLModified%20%28%29%20%22%3E%3C/textarea%3E%0A%3Cbutton%20type=button%20onclick=%22%20editEncodedURL%20%28%29%20%22%3EEdit%3C/button%3E%0A%0A%3Cp%3E%3Ca%20href=%22http://suika.fam.cx/%257Ewakaba/wiki/sw/n/BEB%22%3EBEB%3C/a%3E%20Version%202.0%20%0A%28%3Ctime%3E2009-01-27%3C/time%3E%29%0A%3C/div%3E%0A>