forked from Ohar/wordbreaker-russian
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (100 loc) · 5.09 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head lang="en">
<title>WordWrapper — расстановщик мягких переносов</title>
<meta name="copyright" content="2015, © Pavel Lysenko" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="demo/css.css">
</head>
<body>
<h1>WordWrapper — расстановщик мягких переносов</h1>
<p>
jQuery-плагин, расставляющий мягкие переносы в текстовых блоках страницы.<br>
Решает проблему Константина <span class="constantine">Константинопольского</span>
</p>
<p>
<a target="_blank"
href="https://github.com/Ohar/jQuery.WordWrapper.js">
Код на GitHub
</a>
</p>
<p>
TODO: полное соответсвие
<a target="_blank"
rel="nofollow"
href="http://www.gramota.ru/spravka/rules?rub=perenos">
правилам русской орфографии и пунктуации (1956)
</a>
</p>
<h2>Демо</h2>
<p>
<label>
Ширина блоков
<input min="1" max="15" value="3" id="widthChanger" type="range">
</label>
</p>
<p>
<button class="button button-add" id="addSoftHyphens" type="button">Расставить мягкие переносы</button>
<button class="button button-remove" id="removeSoftHyphens" type="button">Убрать мягкие переносы</button>
</p>
<p>
<span class="narrow">метоксихлордиэтиламинометилбутиламиноакридинами</span>
<span class="narrow">научно-исследовательский</span>
<span class="narrow">электрометаллургический</span>
<span class="narrow">четырёхсотвосьмидесятичетырёхмиллиграммовый</span>
<span class="narrow">рентгеноэлектрокардиографического</span>
<span class="narrow">превысокомногорассмотрительствующий</span>
<span class="narrow">частнопредпринимательский</span>
<span class="narrow">субстанционализироваться</span>
<span class="narrow">интернационализироваться</span>
<span class="narrow">человеконенавистничество</span>
<span class="narrow">высокопревосходительство</span>
<span class="narrow">одиннадцатиклассница</span>
<span class="narrow">делопроизводительница</span>
<span class="narrow">неудовлетворительно</span>
<span class="narrow">физкульт-привет</span>
<span class="narrow">интернационализироваться</span>
<span class="narrow">соответственно</span>
<span class="narrow">исключительно</span>
<span class="narrow">сельскохозяйственно-машиностроительный</span>
<span class="narrow">корчеватель-бульдозер-погрузчик</span>
<span class="narrow">одушевлённость-неодушевлённость</span>
<span class="narrow">водогрязеторфопарафинолечение</span>
<span class="narrow">электрофотополупроводниковый</span>
<span class="narrow">уплощённо-пинакоидально-ромбоэдрический</span>
<span class="narrow">административно-территориальный</span>
<span class="narrow">диметилалкилбензиламмонийхлорид</span>
<span class="narrow">любовь</span>
<span class="narrow">дяденька</span>
<span class="narrow">ребята</span>
<span class="narrow">пастух</span>
<span class="narrow">разыскать</span>
<span class="narrow">розыгрыш</span>
<span class="narrow">подъезд</span>
<span class="narrow">большой</span>
<span class="narrow">бульон</span>
<span class="narrow">война</span>
<span class="narrow">стойкий</span>
<span class="narrow">фейерверк</span>
<span class="narrow">майор</span>
<span class="narrow">акация</span>
<span class="narrow">подбить</span>
<span class="narrow">размах</span>
<span class="narrow">прислать</span>
<span class="narrow">отстранять</span>
<span class="narrow">пятиграммовый</span>
<span class="narrow">жужжать</span>
<span class="narrow">масса</span>
<span class="narrow">конный</span>
<span class="narrow">спецодежда</span>
<span class="narrow">противоядие</span>
<span class="narrow">противник</span>
<span class="narrow">МИД</span>
<span class="narrow">КЗоТ</span>
<span class="narrow">ТУ-104</span>
</p>
<script src="demo/jquery.min.js"></script>
<script src="jQuery.WordWrapper.js"></script>
<script src="demo/js.js"></script>
</body>
</html>