Articles Display, Article Elements, Articles styling

Hyphenation plugin based upon JavaScript library Hyphenator.js of Matthias Natter that supports several languages. Uses Hyphenator_Loader technique: Only if a browser (e.g. Chrome) does not support CSS3 Hyphenation (property hyphens) for a selected language this plugin loads Hyphenator.js and language patterns needed by the displayed page.

  • Get this
  • Favourite
  • Report

Hyphentor.js uses cache routines to be as performant as possible.

One can configure several CSS selectors for starting hyphenation or stopping it. Thus you don't need to enter the normally used selectors hyphenate and donthyphenate inside template overrides or elsewhere in your HTML source code.

But also for browsers that support hyphens it helps a bit because you can reduce your CSS code for starting and stopping Hyphenation to

 word-wrap: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
 word-wrap: break-word;
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 -o-hyphens: none;
 hyphens: none;

The plugin adds these CSS selectors automatically to all selectors that you define via plugin parameters.

German documentation:

Thanks to Matthias Natter:

Ein Silbentrennungs-Plugin basierend auf der JavaScript-Bibliothek Hyphenator.js von Matthias Natter. Verwendet die Hyphenator_Loader-Technik: Wenn ein Browser (z.B. Chrome) die CSS3-Eigenschaft hyphens für eine Sprache nicht unterstützt, werden Hyphenator.js und Sprachpatterns, die die angezeigte Seite benötigt, geladen. Hyphentor.js verwendet Cache-Routinen, um so performant wie möglich zu sein. Deutsche Doku:


Last updated:
Sep 26 2016
Date added:
Aug 20 2016
GPLv2 or later
Free download
Uses updater:
Download DemoNot available Support Documentation
  • Overall
    Not rated
  • Functionality

    Not rated
  • Ease of use

    Not rated
  • Documentation

    Not rated
  • Support

    Not rated