Merge pull request #14 from Spearance/1.2.2

Spearance · web-flow · commit 92fcfed75dea · 2022-01-01T20:02:55.000+05:00
1.2.2
diff --git a/README.md b/README.md
@@ -7,7 +7,7 @@
 Верстает текст внутри полей `<input>` и `<textarea>` автоматически при наборе с клавиатуры.
 
 Умеет:
-* Заменять кавычки, тире, спецсимволы: `…`, `©`, `®`, `™`, `₽`, `±`
+* Заменять кавычки, тире, спецсимволы: `…`, `©`, `®`, `™`, `₽`, `±`, `÷`
 * Ставить простые дроби: `½`, `⅓`, `¼`, `⅕`, `⅙`, `⅐`, `⅛`, `⅑`, `⅒`, `⅔`, `⅖`, `¾`, `⅗`, `⅜`, `⅘`, `⅚`, `⅝`, `⅞`
 * Умеет ставить минус между числами и `×` между размерными единицами
 * Привязывать неразрывным пробелом союзы и предлоги к последующим словам, а частицы к предыдущим
@@ -18,11 +18,18 @@
 
 > FlyTypograf.js не является полноценной заменой он-лайн сервиса [typograf.ru](https://typograf.ru) и не может им быть, потому что содержит гораздо меньше правил проверки, но он помогает снять до 80% вопросов экранной типографики.
 
-## Как записывать степени, дюймы, градусы? ##
-
-* Степень — `12^2` = `12²`
-* Дюймы — `Монитор 32^"` = `Монитор 32″`
-* Градусы — `+32С^o` = `+32С°`
+## Как записывать разные символы? ##
+| Название | Запись | Замена | Раскладка |
+|----------|:------:|:------:|:---------:|
+| Кописрайт | `(c)\|(C)` | `©` | — |
+| Зарегистрированный знак | `(r)\|(R)` | `®` | английская |
+| Торговая марка | `(tm)\|(TM)` | `™` | английская |
+| Рубль | `(р)\|(Р)` | `₽` | русская |
+| Плюс минус | `+/-` | `±` | — |
+| Разделить | `-:-` | `÷` | — |
+| Степень | `12^2` | `12²` | — |
+| Дюймы | `32^"` | `32″` | — |
+| Градусы | `+32С^o` | `+32С°` | — |
 
 ## На что обратить внимание! ##
 
diff --git a/example/example.js b/example/example.js
diff --git a/example/index.html b/example/index.html
@@ -22,7 +22,7 @@
 				height: 300px;
 				resize: none;
 				outline: none;
-				font-size: 80%;
+				font-size: 75%;
 				padding: 20px;
 			}
 
@@ -33,7 +33,7 @@
 	</head>
 	<body>
 		<h1>FlyTypograf.js</h1>
-		<small>версия: 1.2.1</small>
+		<small>версия: 1.2.2</small>
 
 		<p>Наберите текст: "Вы все еще кое-как верстаете в "Word-е"? - Тогда мы идем к вам!"</p>
 
@@ -44,7 +44,7 @@ <h3>С подсветкой изменений</h3>
 
 		<h3>Умеет:</h3>
 			<ul>
-				<li>Заменять кавычки, тире, спецсимволы: …, ©, ®, ™, ₽, ±</li>
+				<li>Заменять кавычки, тире, спецсимволы: …, ©, ®, ™, ₽, ±, ÷</li>
 				<li>Ставить простые дроби: ½, ⅓, ¼, ⅕, ⅙, ⅐, ⅛, ⅑, ⅒, ⅔, ⅖, ¾, ⅗, ⅜, ⅘, ⅚, ⅝, ⅞</li>
 				<li>Ставить минус между числами и &times; между размерными единицами</li>
 				<li>Привязывать неразрывным пробелом союзы и предлоги к последующим словам, а частицы к предыдущим</li>
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "FlyTypograf.js",
-  "version": "1.2.1",
+  "name": "fly-typograf.js",
+  "version": "1.2.2",
   "license": "MIT",
-  "description": "Афтотипографика текста в полях <input> и <textarea> на лету",
+  "description": "Correct punctuation, non-breaking spaces and special characters in <input> and <textarea> on fly",
   "main": "source/FlyTypograf.js",
   "author": {
     "name": "Evgeniy Lepeshkin",
diff --git a/src/FlyTypograf.js b/src/FlyTypograf.js
@@ -9,7 +9,7 @@
 	Released under the MIT license.
 	http://www.opensource.org/licenses/mit-license.php
 
-	Version: v 1.2.1
+	Version: v 1.2.2
 	Date: Dec 26, 2021
  */
 
@@ -99,8 +99,8 @@ export class FlyTypograf {
 	#process = [
 		{
 			// Minus sign
-			pattern: /(?<= |^|\d)[—-](\d)/g,
-			replace: `−$1`
+			pattern: /(?<= |^|\d)-(?=\d)/g,
+			replace: `−`
 		},
 		{
 			// Double hyphen
@@ -112,12 +112,20 @@ export class FlyTypograf {
 		},
 		{
 			// Plus/Minus +/-
-			pattern: /\+\/\-/g,
+			pattern: /\+\/-/g,
 			replace: () => {
 				this.#caretPosition -= 2
 				return `±`
 			}
 		},
+		{
+			// Division
+			pattern: /(?<=(?:\d|[a-z])\s*)-:-/gi,
+			replace: () => {
+				this.#caretPosition -= 2
+				return `÷`
+			}
+		},
 		{
 			// Dash sign
 			pattern: /(?<= |^|>|[^-!а-яёa-z0-9])-(?= |$|[^-])/gmi,
diff --git a/src/example.js b/src/example.js
@@ -29,7 +29,7 @@ textarea.addEventListener(`keyup`, () => {
 				.replace(/\n{2,}/g, "</p><p>")
 				.replace(/\n/g, "<br />")
 				.replace(/\u00a0/g, `<span class="hlg">&nbsp\;</span>`)
-				.replace(/([…©®™₽×—–−„“«»″′’½⅓¼⅕⅙⅛⅔⅖¾⅗⅜⅘⅚⅝⅞±⁰¹²³⁴⁵⁶⁷⁸⁹⁻⁺⁼⁽⁾°]+)/gi, `<span class="hlb">$1</span>`)
+				.replace(/([…©®™₽×—–−„“«»″′’½⅓¼⅕⅙⅛⅔⅖¾⅗⅜⅘⅚⅝⅞±÷⁰¹²³⁴⁵⁶⁷⁸⁹⁻⁺⁼⁽⁾°]+)/gi, `<span class="hlb">$1</span>`)
 				.replaceAll('<*>', () => {
 					const str = tags[0]
 					tags.splice(0, 1)
