Shy The hyphenation tool

Mod­ern browsers can use in­vis­i­ble char­ac­ters, known as Soft Hy­phens (aka ­), to wrap long words on the end of a line.

Hy­phens are en­abled by de­fault in all browsers. To dis­able them, add hyphens:none into CSS style. Use hyphens:manual to en­able them again in child ele­ments.

Note: text is processed in­side your browser and is not send nor stored any­where but your com­puter's mem­ory.

Note that the re­sult dis­played above may look ex­actly the same as the input. How­ever it con­tains in­vis­i­ble char­ac­ters that mod­ern browsers (post-2000) can use to dis­play hy­phens. On the other hand some non-WYSI­WYG ed­i­tors (e.g. Eclipse) may dis­play all the hy­phens as vis­i­ble to show you where the words can be hy­phen­ated and to allow you to delete them where not wanted.

Tip: in desk­top Chrome or Fire­fox you can re­size the input size and see how the words get hy­phen­ated.

Nothrem Sinsky © 2016

Uses JS library Hyphenator by Mathias Nater which is based on TeX hy­phen­ation al­go­rithm by Franklin M. Liangs and used in OpenOffice and other open-source projects.

The hy­phen­ation li­brary may not be 100% ac­cu­rate and may add hy­phen in place where it does not be­long. This may hap­pen es­pe­cially in words that look like a com­bi­na­tion of two words but ac­tu­ally are not (e.g. word legend will be hyphenated as leg-end instead of le-gend).

Should you need to hy­phen­ate texts al­ready dis­played on your page you can in­clude the Math­ias Nater's Hy­phen­ator.js into your page and it will hy­phen­ate the texts based on lan­guage de­fined for the page or each text.