Скрипт переноса по слогам не работает
Здравствуйте,
Не работает скрипт переноса по слогам http://jsfiddle.net/uLsm5hzw/. Запускаю локально. Вот моя страница. Что не так? <html> <head> <meta charset="utf-8"></meta> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="file:///C:/WebServers/home/localhost/www/website2.com/en-us.js"></script> <script src="file:///C:/WebServers/home/localhost/www/website2.com/jquery.hypher.js"></script> </head> <body style="text-align: justify; width:200px;"> <script> $.fn.hyphenates = function() { var e = "[абвгдеёжзийклмнопрстуфхцчшщъыьэюя]"; var t = "[аеёиоуыэюя]"; var n = "[бвгджзклмнпрстфхцчшщ]"; var r = "[йъь]"; var i = "*"; var s = new RegExp("(" + r + ")(" + e + e + ")", "ig"); var o = new RegExp("(" + t + ")(" + t + e + ")", "ig"); var u = new RegExp("(" + t + n + ")(" + n + t + ")", "ig"); var a = new RegExp("(" + n + t + ")(" + n + t + ")", "ig"); var f = new RegExp("(" + t + n + ")(" + n + n + t + ")", "ig"); var l = new RegExp("(" + t + n + n + ")(" + n + n + t + ")", "ig"); this.each(function() { var e = $(this).html(); e = e.replace(s, "$1" + i + "$2"); e = e.replace(o, "$1" + i + "$2"); e = e.replace(u, "$1" + i + "$2"); e = e.replace(a, "$1" + i + "$2"); e = e.replace(f, "$1" + i + "$2"); e = e.replace(l, "$1" + i + "$2"); $(this).html(e) }) } $('p').hyphenate('en-us').hyphenates(); </script> <p>Задача такая. Есть блоки с тексом, в них русский текст, не всегда умещается правильно, поэтому нужно сделать переносы слов. Для всех браузеров кроме chrome есть свойства CSS: -moz-hyphens, -webkit-hyphens, -ms-hyphens. А мне нужно сделать тоже самое только для chrome. Сделать это лучше на javascript, в котором я не разбираюсь.У меня на сайте установлен jQuery. Подскажите возможно есть какой-то плагин для него, чтобы сделать перенос строк и чтобы работало для русского алфавита. </p> </body> </html> |
Часовой пояс GMT +3, время: 18:11. |