238 lines
38 KiB
HTML
238 lines
38 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<title>Hyphenator.js – pattern compressor</title>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<style type="text/css">
|
||
|
|
body {
|
||
|
|
font: 11px/1.8em Verdana;
|
||
|
|
margin-left: 20%;
|
||
|
|
margin-right:20%;
|
||
|
|
background-color:#EEEEEE;
|
||
|
|
width:60em;
|
||
|
|
}
|
||
|
|
fieldset {
|
||
|
|
background-color:#FFFFFF;
|
||
|
|
border:1px solid #AAAAAA;
|
||
|
|
margin:1em 0em;
|
||
|
|
padding: 0em 1em 2em 1em;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
background-color:#FFFFFF;
|
||
|
|
border:1px solid #AAAAAA;
|
||
|
|
margin:1em 0em;
|
||
|
|
color: #404041;
|
||
|
|
text-align:right;
|
||
|
|
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
vertical-align:middle;
|
||
|
|
}
|
||
|
|
.info_btn {
|
||
|
|
vertical-align:text-bottom;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
.info_box {
|
||
|
|
display:none;
|
||
|
|
border:1px dashed #AAAAAA;
|
||
|
|
padding:0.2em 1em;
|
||
|
|
font-style:italic;
|
||
|
|
}
|
||
|
|
.multicol {
|
||
|
|
text-align:justify;
|
||
|
|
width: 28em;
|
||
|
|
float:left;
|
||
|
|
margin:0em 1em;
|
||
|
|
}
|
||
|
|
ul.multicol {
|
||
|
|
width:21em;
|
||
|
|
padding:0;
|
||
|
|
margin:0;
|
||
|
|
|
||
|
|
}
|
||
|
|
li {
|
||
|
|
list-style:none;
|
||
|
|
}
|
||
|
|
form {
|
||
|
|
clear: both;
|
||
|
|
padding-top:2em;
|
||
|
|
}
|
||
|
|
legend {
|
||
|
|
border:1px solid #AAAAAA;
|
||
|
|
background-color:#FFFFFF;
|
||
|
|
padding:0em 1em;
|
||
|
|
font-style: italic;
|
||
|
|
font-weight: 200;
|
||
|
|
}
|
||
|
|
input {
|
||
|
|
margin-right:1em;
|
||
|
|
}
|
||
|
|
textarea {
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.grayedout {
|
||
|
|
border: 1px solid grey;
|
||
|
|
color: grey;
|
||
|
|
}
|
||
|
|
#fields {
|
||
|
|
float: left;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
#desc {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var oldpatterns, newpatterns, specialChars;
|
||
|
|
|
||
|
|
function lengthSort(a, b) {
|
||
|
|
return a.length - b.length;
|
||
|
|
}
|
||
|
|
|
||
|
|
function output2String() {
|
||
|
|
var tmp, len;
|
||
|
|
tmp = 'Hyphenator.languages[\'' + document.getElementsByName('language')[0].value + '\'] = {\n';
|
||
|
|
tmp += '\tleftmin : ' + document.getElementsByName('leftmin')[0].value + ',\n';
|
||
|
|
tmp += '\trightmin : ' + document.getElementsByName('rightmin')[0].value + ',\n';
|
||
|
|
tmp += '\tspecialChars : "' + specialChars + '",\n';
|
||
|
|
tmp += '\tpatterns : {\n';
|
||
|
|
for (len in newpatterns) {
|
||
|
|
if (newpatterns.hasOwnProperty(len)) {
|
||
|
|
tmp += '\t\t' + len + ' : "' + newpatterns[len] + '",\n';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
tmp = tmp.slice(0, -2);
|
||
|
|
tmp += '\n\t}\n};';
|
||
|
|
document.getElementsByName('newpattern')[0].value = tmp;
|
||
|
|
}
|
||
|
|
|
||
|
|
function startConversion() {
|
||
|
|
var len, i, curlen, key, special, s;
|
||
|
|
newpatterns = {};
|
||
|
|
special = document.getElementsByName('oldpattern')[0].value.match(/[^a-z0-9\. ]/gi);
|
||
|
|
if (special) {
|
||
|
|
//Todo: Special vereinfachen...
|
||
|
|
s = {};
|
||
|
|
for (i = 0; i < special.length; i++) {
|
||
|
|
s[special[i]] = true;
|
||
|
|
}
|
||
|
|
special = '';
|
||
|
|
for (i in s) {
|
||
|
|
if (s.hasOwnProperty(i)) {
|
||
|
|
special += i;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
special = '';
|
||
|
|
}
|
||
|
|
specialChars = special;
|
||
|
|
oldpatterns = document.getElementsByName('oldpattern')[0].value.replace(/ $/, '').split(' ');
|
||
|
|
oldpatterns.sort(lengthSort);
|
||
|
|
len = oldpatterns.length;
|
||
|
|
for (i = 0; i < len; i++) {
|
||
|
|
key = oldpatterns[i].replace(/\d/g, '');
|
||
|
|
curlen = oldpatterns[i].length;
|
||
|
|
if (curlen in newpatterns) {
|
||
|
|
newpatterns[curlen] += oldpatterns[i].replace(/\./g, '_');
|
||
|
|
} else {
|
||
|
|
newpatterns[curlen] = oldpatterns[i].replace(/\./g, '_');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
output2String();
|
||
|
|
}
|
||
|
|
|
||
|
|
window.onload = function () {
|
||
|
|
var desc = document.getElementById('desc');
|
||
|
|
document.getElementsByName('language')[0].onfocus = function () {
|
||
|
|
if (this.value === 'language') {
|
||
|
|
this.value = '';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "<em>Define language:</em><br>Use the <a href='http://www.loc.gov/standards/iso639-2/php/code_list.php'>ISO 639-1</a> two-letter language code.<br>(e.g. 'en' for english.)";
|
||
|
|
};
|
||
|
|
document.getElementsByName('language')[0].onblur = function () {
|
||
|
|
if (this.value === '') {
|
||
|
|
this.value = 'language';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "";
|
||
|
|
};
|
||
|
|
|
||
|
|
document.getElementsByName('leftmin')[0].onfocus = function () {
|
||
|
|
if (this.value === 'leftmin') {
|
||
|
|
this.value = '';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "<em>Define leftmin:</em><br>Define how many letters at minimum should stay on the old line upon hyphenation.<br>(e.g.: setting this to 3 would prevent 'Hy-phenation')";
|
||
|
|
};
|
||
|
|
document.getElementsByName('leftmin')[0].onblur = function () {
|
||
|
|
if (this.value === '') {
|
||
|
|
this.value = 'leftmin';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "";
|
||
|
|
};
|
||
|
|
|
||
|
|
document.getElementsByName('rightmin')[0].onfocus = function () {
|
||
|
|
if (this.value === 'rightmin') {
|
||
|
|
this.value = '';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "<em>Define rightmin:</em><br>Define how many letters at minimum should stay on the new line upon hyphenation.<br>(e.g.: setting this to 3 would prevent 'divid-ed')";
|
||
|
|
};
|
||
|
|
document.getElementsByName('rightmin')[0].onblur = function () {
|
||
|
|
if (this.value === '') {
|
||
|
|
this.value = 'rightmin';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "";
|
||
|
|
};
|
||
|
|
|
||
|
|
document.getElementsByName('oldpattern')[0].onfocus = function () {
|
||
|
|
if (this.value === '.a5 .rt4 .d4gt2 asdf2 9kas3') {
|
||
|
|
this.value = '';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "<em>Define oldpattern:</em><br>Paste the patterns you like to convert. They have to be separated by spaces, not newlines! Points (.) will be automatically replaced by underscores (_).<br>(e.g.: .ach4 .ad4der .af1t .al3t .am5at .an5c .ang4 .ani5m .ant4)";
|
||
|
|
};
|
||
|
|
document.getElementsByName('oldpattern')[0].onblur = function () {
|
||
|
|
if (this.value === '') {
|
||
|
|
this.value = '.a5 .rt4 .d4gt2 asdf2 9kas3';
|
||
|
|
}
|
||
|
|
desc.innerHTML = "";
|
||
|
|
};
|
||
|
|
document.getElementById('myform').onsubmit = function (e) {
|
||
|
|
if (e && e.preventDefault) {
|
||
|
|
e.preventDefault();
|
||
|
|
} else if (window.event) {
|
||
|
|
window.event.returnValue = false;
|
||
|
|
}
|
||
|
|
startConversion();
|
||
|
|
};
|
||
|
|
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Compressor for <img src="data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%97%00%00%007%08%06%00%00%00%01%83%D8%97%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%20%00IDATx%9C%ED%9Dw%9C%5C%E5y%EF%BF%A7M%DF%99%DD%D9%5E%25%ED%AA%01%AA%88b%10H%60%3A%A2c%1B%DB8%D8%26%BE%F7b%9B8%8E%1D%DB%09.Ipn%9C%60%9B%C4%C4%80qI%AE%03%18%C7%A68%E0%98%18%89%22%89*P%EFeUv%A5%DD%D5%F6%E9s%E6%B4%FB%C7)sfv%85%A4%98%DB%3E%D7%EF%E73%9A%D9%99s%DE%F3%BE%CF%FB%BCO%F9%3D%CF%F3J%B0%2C%CB%E2%F7%ED%F7%ED%BDk%1E%3F%C9%A7t%B5e!%08%02.%1F%FA%F9Q%10%04%DF%95%02%FE%3F%FD%F7U%F3%B0%20%08%DEo%95%7D%FC%DF%D3%FE_%1F%FF%FF%E9%26%FC%5Er%9D%B8%95J%25%02%81%00%5B%B6le%F5%0B%ABI%26%93%DEw%97_q%193f%CC%40%D7ud%F9%94%F6%E8%FF%2F%ED%3F%2F%B9t%5D%C70%0C%EFoQ%14Q%14%C5%B9rz%C9%A5%EB%3A%9A%A6%23%8A%E5%9D%AE(%0A%A2(%FE_%BD%F3u%5D'%10%08%B0k%D7.%1E~%F8%07tww%93%CB%E5%88D%22%CC%3Fc%3E3f%CC%C00%8C%DF3%D7%09%DA)Q%C54M%24I%22%97%CB%F1%D8%A3%8F%F3%C6%1Bo%10%8B%C5H%A5R%CC%3Fc%3E%7F%FC%C7%9F%23%1A%8D%82%20%E0g%13UU%09%85B%FC%FB%AF%FF%9D%9F%FE%F4_hkk%A3P(%10%89F%F9%CCg%EE%E2%8C3%CE%40%D34%02%81%C0%FF%A2%E9%FDn%CDezA%10%90%24%A9%E2%E5%FF%ED%F7m%FAv%CA%92%0Bl%26%1B86%C0%AE%5D%BBI%24%12%8C%8D%8E%11%0E%87%D1u%D3%26r%15%9D-%C3%BEodt%94%ED%DBw%90%CDf%C9%E5%F2%D4%D4%C4%C8%E7%F2X%96%85i%9A%98%A6%E9%DDs2%5B%E6dvP%F5%98%FD%7D%BA%DFW%DB%8E%EE%EF%D5%CF%F5_%E7%7FU%8F%C7%1D%FFt%FD%F9%C7%7C2%1AO7%AE%EA%F1%9F%0A-Ng%BE%A7%3A%BE%FFL%3B%25%E6%AA%1E%C4%D4%97%3B%81*%B5(L%9DL5%C1%24IB%14%C5%F2%3D%0E1N%C5X%F6%DF%E7%BF%FFD%8B%E1%AA%F3%E9%EEs%99%5C%92%A4)%F3%AE%1E%B7i%9A%1ES%B9%A6%C1%89%FA%13Eq%DA%B9%F8%E7h%9A%E6%09%C7%F5n%7D%9D%8C%F9%DC%F1%F9%E7%E4%7F%BEa%18'%1C%DF%7B%D1NKr%B9%9F%A7%BE%98Vr%B9%A6%DD%D4%9D%2F%60%18%06%9A%A6Q(%140%0C%C3%BB.%14%0A!%08%D3%EF%26%F7%3BWR%A8%AA%EA%FDf_%2B%10%08(h%9A%E6%F5%09%02%B2%2Cy%8C%0CP%2C%16%BDkDQ%24%10%08%10%0A%85%000M%03Q%94%A6%CC%1Bg%8E%96e%A1(%8A%C7%0C%B2%2CS*%95PU%D5%EEO%10Q%02%0A%E1p%D8%E9%CF%F4%C6W%BDi%5C%A6%F2%8FK%D7ut%5D%B7%17G%96%91e%85P(%E8%F5%E52%B3_%0A%99%A6%89%AA%AA%88%82%88i%D9%1BD%96e%8FY5MCUU%CF%EE%95e%99h4%8A%24I%A7%B5%99O%B7%9D%96%E4z7%09t%B2%FB%FC%D7%BA%04_%B3z%0D%AF%BF%FE%06%B5%B5%B5%08%82%C0%C4%C4%04%1F%FF%C4%1D%F4%F4%F4x%3B%D5%7F%3F%E0%7D%BFn%DDz%DEz%F3-%2C%D3%02%01L%D3%E2%CA%AB%AE%60%C9%92%C5%BC%BA%FE56l%D8%80%CBX%EF%BF%ECR%96.%5D%CA%F8%F88%3Bw%ECb%C3%5B%1B%E8%EB%EFcdd%94H%24%C2%BC%F9s9%F7%DCsY%BAt)%89D%BCBJ%80%B3G%1C%09P%2C%16Y%B4h%11%9D%9D%9Dd%B3Y%DEyg%23%7B%F6%ECa%E7%8E%9D%8C%8D%8D%11%0A%85%E9%EE%9E%C5%85%CB%97%B3t%E9b%EA%EA%EA%A6%5D%40%F7%19%A6i2%3A%3A%CA%DE%BD%FBx%F3%8D7%19%19%19axx%18%10hjj%A4%A9%A9%89%0B%97%2Fg%CE%9C%1E%92%C9zD%B1%7C%AF%EB%A9%0E%0C%0C%F0%83%87%1F%A1%B9%B9%99%91%91Q%96.%5D%CC%CD%B7%DCL%A1P%E0%C0%81%03%BC%F5%D6%DB%EC%DB%BB%8F%FE%FE%3EB%A1%10%AD%AD%AD%5Cp%E1%05%9Cs%EE2Z%9A%5B%EC9%FE%9F%92%5C%D35%3F%B1%0C%DD%B0w%5B%95A%EF%EEBw%87%BA%BBN%D34%9A%9B%9B9t%F8%08%CF%3D%F7k%22%91%08%82%20%90%C9d%90d%89%2F~%F1%8B%C4b%D1%0A%06%03%9B%C9%0C%C3%A0T%D2%F8%C7%07%BE%CF%E1%C3%87%91e%D9%93x%FF%ED%AE%FF%82i%9A%EC%D8%B1%83%A7%9Ez%1AA%10%08%04%02tww%13%0C%86%F8%DE%F7%1E%60%C3%9B%1B%08%86%82%9E%04%12E%91%5D%3Bw%F2%B3%C7%9F%60%D9%B2e%7C%F9%CF%BE%CC%DC9%B3%2B%88-%00%96%20%E0%8AbM%D3%D8%BFo%1F%BFy%FE%B7%ACY%BD%9Ap8%8CeY%9E%D7%B8g%EF%5E%9Ex%E2%E7%5Ct%D1r%BE%FE%8D%AF%D1%D6%D6%E6%CD%DD%CFX%99L%86%97_~%85%87%1E%7C%98%91%91%11%14E%C10%0CO%BAK%92%88%24I%3C%FA%E8ctvv%F2%99%CF~%9A%8B%2F%BE%88X%2Cf%D3%DD4%90%91%19%1B%1B%E3%B1%C7~%C6%FC%F9s%D8%B7%EF%00jI%E5%CA%AB%AE%E4%5B%7F%F3w%ACY%BD%06%1CM%E0J%DC%03%07zy%F6%D9%E7%983g%0E%DF%F8%C6%D7Y%BCdQ%85I%F0%5E1%D9%F4J%FE%5D%9A_%1C%BB%04%0BG%C2(%8A%82%22%CB%8E(%B7_%91H%04Y%96Q%14%A5b%C7%06%83A%86G%86%B9%EE%BAU%9Cs%CE9h%9AF(%14%A2%A1%A1%81%97_z%99%FE%FE%BE%0A%09%E7%3E%D74MdYf%F5%EA%D5%8C%8F%8F%13%0E%87%09%06%83(%8A%C2%1F%FC%C1%C7%A8%AB%AB%F3%D4L0%18%24%10%08%10%89D%D8%B1s%07_%F8%FC%17%D8%B1c'%D1X%94X%2CF%7D%7D%3D%81%40%00M%D3%91%15%85%C6%C6F6m%DA%C4W%EF%F9*%87%8F%1C%F1%18%D9%7D%B6%3D%1E%5Bz%8D%8E%8E%F2%ADo%FD-%EB%D6%AE%25%91%88%13%0E%87%A9O%26%3D%AFW%12E%DA%DA%DA%D8%B8q%13%7F%7F%FF%3F%90%CB%E6%90%24%C9Sk%96e%91%CB%E5%F8%F6%7D%DF%E1%DE%BF%FA%26%C5b%81h4J8%1Cf%C6%8C%19%9Cy%E6%19%CC%99%D3CSs%13%00%F5%F5%F5%A4R
|
||
|
|
<p class="multicol hyphenate">
|
||
|
|
Compressor converts standard TeX hyphenation patterns to a special format used by hyphenator.js and adds some meta-information automatically. Just fill in the language, leftmin, rightmin and the patterns (overwrite the examples!) and click 'Convert!'.</p>
|
||
|
|
<p class="multicol hyphenate">
|
||
|
|
Copy the output and paste it in the appropriate pattern file ('patterns/lang.js').<br>
|
||
|
|
The script loads the version of Hyphenator.js that resides in the same directory as this page.
|
||
|
|
</p>
|
||
|
|
<form action="#outanchor" method="post" id="myform">
|
||
|
|
<fieldset>
|
||
|
|
<legend>Paste TeX-styled patterns:</legend>
|
||
|
|
<p id="fields">
|
||
|
|
<input type="text" name="language" value="language"><br>
|
||
|
|
<input type="text" name="leftmin" value="leftmin"><br>
|
||
|
|
<input type="text" name="rightmin" value="rightmin">
|
||
|
|
</p>
|
||
|
|
<p id="desc"></p>
|
||
|
|
<textarea name="oldpattern" cols="80" rows="20">.a5 .rt4 .d4gt2 asdf2 9kas3</textarea>
|
||
|
|
<input type="submit" value="Convert!"><input type="reset" value="Reset">
|
||
|
|
</fieldset>
|
||
|
|
<fieldset>
|
||
|
|
<legend>Copy Hyphenator.js pattern files:</legend>
|
||
|
|
<p>Copy the output and paste it in the appropriate pattern file ('patterns/<lang>.js').</p>
|
||
|
|
<textarea name="newpattern" cols="80" rows="20"></textarea>
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
</body>
|
||
|
|
</html>
|