Wie Einfügen Bindestrich zwischen Buchstaben anstelle von Zeilenumbruch?

Question

Was ich tun möchte, ist, dass, wenn Word das Ende der Zeile Rich Wort teilt in zwei Wörter und Bindestrich vor Zeilenumbruch einfügen. Es ist ähnlich wie <wbr> Tag, aber es fügt nichts ein.
Beispiele:

Java- <--- I want to insert this hyphen before line-break 
Script 

oder

Ja- <---- Same here 
vaScript 

Gibt es trotzdem, es zu tun? Es macht mir nichts aus php, javaScript aber jQuery wäre vorzuziehen und wenn ich es erreichen kann mit CSS oder HTML das wäre toll. Thnx im Voraus!

Answer 1

Wenn Sie es clientseitig machen wollen, benötigen Sie ein Silbentrennungs-Plugin. Grund dafür ist, dass es ein Wörterbuch der Silbentrennung-Regeln geben muss, und das ist etwas, das nicht einfach im Browser enthalten ist. [update: obwohl diese Aussage schon teilweise falsch ist! Chris 'Link zeigt begrenzte (sehr begrenzte, aber immer noch ... viel versprechende!) Unterstützung.]

Hier ist ein jQuery-Plugin, das ich gefunden habe: http://archive.plugins.jquery.com/plugin-tags/hyphenation und ich weiß, dass ich schon einmal in einem Projekt verwendet habe (vielleicht sogar dieses gewesen)). Es fügt natürlich den Bindestrich in den Inhalt des Knotens ein, aber der Inhalt muss ihn nicht enthalten, die Silbentrennung wird von der Funktion nach DOM ready berechnet.

Ob die Regeln umfangreich genug sind, um Wörter außerhalb der "Norm" aufzulösen, ist eine andere Frage.

Randnotiz: JavaScript ist ein Eigenname, das von der Silbentrennung ausgeschlossen werden sollte. Ich stelle mir vor, dass das nur ein Beispiel von oben war. ;-)

Answer 2

Es sieht so aus, als gäbe es einige limited browser support for CSS hyphenation. Funktioniert das für dich?

Answer 3

Diese Funktion sollte Ihr Problem lösen.
Es einfügen Soft Bindestrich | $ schüchtern; in "lang" Worte.

---

• pText = Ihre Zeichenfolge
• pMax = Jeder X Char in einem Wort ein Soft-Hyphen einfügen;

---

function hyphen(pText, pMax){ 
     var t = pText.split(" "); 
     for(i=0; i<t.length; i++){ 
       if(t[i].length<pMax){ 
         var w = t[i] 
         var re = new RegExp("(.{"+pMax+"})","g"); 
         if(w.length<pMax+3){ 
           var pos = t[i].length - 3; 
           re = new RegExp("(.{"+ pos +"})","g"); 
         } 
         t[i] = w.replace(re,"$1"+&shy;); 
       } 
     } 
     return t.join(" "); 
}