1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3<html lang="en"> 4 <head> 5 <title>Hyphenator.js</title> 6 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 7 <style type="text/css"> 8 body { 9 width:30%; 10 margin-left:35%; 11 margin-right:35%; 12 } 13 .text { 14 text-align:justify; 15 } 16 </style> 17 <script src="Hyphenator.js" type="text/javascript"></script> 18 <script type="text/javascript"> 19 Hyphenator.config({ 20 displaytogglebox : true, 21 minwordlength : 4 22 }); 23 Hyphenator.run(); 24 </script> 25 </head> 26 <body> 27 <h1>Example of using Hyphenator.js</h1> 28 <h2>Deutsch</h2> 29 <p class="hyphenate text" lang="de">Deutschsprachige Beispieltexte haben natürlicherweise längere Wortzusammensetzungen als englischsprachige. Aber auch <span lang="en">“hyphenation”</span> ist ein ziemlich langes Kompositum.</p> 30 <p class="hyphenate text" lang="de">Verändern Sie die Fenstergrösse um den Effekt der Silbentrennung zu sehen.</p> 31 <h2>English</h2> 32 <p class="hyphenate text" lang="en">English words are shorter in the average then german words. <span lang="de">«Silbentrennungsalgorithmus»</span> for example is quite long.</p> 33 <p class="hyphenate text" lang="en">Resize the window to see hyphenation in effect.</p> 34 <h2>Links</h2> 35 <p class="hyphenate text" lang="en">Not only words but also links like <a href="http://code.google.com/p/hyphenator/">http://code.google.com/p/hyphenator/</a> are processed. But in a special manner (using zero width space).</p> 36 </body> 37</html>