Расстановка ударений

accent_marker.html · 10 KiB · HTML Raw

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Расстановка ударений</title>
    <meta name="description" content="Микросервис для расстановки ударений в русском тексте. Выделите букву и нажмите Ctrl+Q.">
    <meta name="keywords" content="ударения, русский язык, текст, форматирование, ударные гласные">
    <meta name="author" content="ООО Психотроника">
    <meta name="copyright" content="ООО Психотроника, 2026">
    <meta name="robots" content="index, follow">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            padding: 20px;
            background-color: #f5f5f5;
        }
        
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        h1 {
            color: #333;
            margin-bottom: 10px;
            text-align: center;
        }
        
        .description {
            color: #666;
            margin-bottom: 20px;
            text-align: center;
            font-size: 14px;
        }
        
        textarea {
            width: 100%;
            min-height: 300px;
            padding: 15px;
            font-size: 16px;
            line-height: 1.5;
            border: 2px solid #ddd;
            border-radius: 4px;
            resize: vertical;
            font-family: inherit;
            margin-bottom: 15px;
        }
        
        textarea:focus {
            outline: none;
            border-color: #4CAF50;
        }
        
        .controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 4px;
        }
        
        .hotkey-info {
            font-size: 14px;
            color: #666;
        }
        
        .hotkey-info kbd {
            background: #e9ecef;
            padding: 2px 6px;
            border-radius: 3px;
            border: 1px solid #ced4da;
            font-family: monospace;
        }
        
        .examples {
            background: #f8f9fa;
            padding: 15px;
            border-radius: 4px;
            margin-top: 20px;
            font-size: 14px;
        }
        
        .examples h3 {
            margin-bottom: 10px;
            color: #333;
        }
        
        .example-item {
            margin-bottom: 5px;
            color: #666;
        }
        
        .copyright {
            text-align: center;
            margin-top: 20px;
            padding: 10px;
            color: #666;
            font-size: 12px;
            border-top: 1px solid #eee;
        }
        
        footer {
            text-align: center;
            margin-top: 20px;
            color: #888;
            font-size: 12px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Добавление ударений в текст</h1>
        <div class="description">
            Выделите букву и нажмите Ctrl+Q (Cmd+Q на Mac), чтобы добавить ударение
        </div>
        
        <div class="controls">
            <div class="hotkey-info">
                Горячая клавиша: <kbd>Ctrl</kbd> + <kbd>Q</kbd> (Windows/Linux) или <kbd>Cmd</kbd> + <kbd>Q</kbd> (Mac)
            </div>
        </div>
        
        <textarea id="textInput" placeholder="Введите или вставьте ваш текст здесь..."></textarea>
        
        <div class="examples">
            <h3>Примеры замены:</h3>
            <div class="example-item">а → á (если это ударная "а")</div>
            <div class="example-item">о → ó (если это ударная "о")</div>
            <div class="example-item">у → у́ (во всех остальных случаях знак ударения ставится после буквы)</div>
            <div class="example-item">Выделите одну букву и нажмите Ctrl+Q</div>
        </div>
    </div>
    
    <footer>
        Микросервис для расстановки ударений
        <div class="copyright">
            &copy; ООО Психотроника, 2026.
        </div>

</footer>

// Правила замены для ударных гласных
const stressRules = {
    'а': 'á',
    'о': 'ó', 
    'е': 'é',
    'у': 'у́',
    'ы': 'ы́',
    'э': 'э́',
    'ю': 'ю́',
    'я': 'я́',
    'и': 'и́',
    'А': 'Á',
    'О': 'Ó',
    'Е': 'É',
    'У': 'У́',
    'Ы': 'Ы́',
    'Э': 'Э́',
    'Ю': 'Ю́',
    'Я': 'Я́',
    'И': 'И́'
};

// Обратная замена для удаления ударений
const reverseStressRules = {
    'á': 'а', 'Á': 'А',
    'ó': 'о', 'Ó': 'О',
    'é': 'е', 'É': 'Е',
    'у́': 'у', 'У́': 'У',
    'ы́': 'ы', 'Ы́': 'Ы',
    'э́': 'э', 'Э́': 'Э',
    'ю́': 'ю', 'Ю́': 'Ю',
    'я́': 'я', 'Я́': 'Я',
    'и́': 'и', 'И́': 'И'
};

// Получаем текстовое поле
const textInput = document.getElementById('textInput');

// Функция для проверки, заканчивается ли текст на ударение
function endsWithStress(text) {
    // Проверяем последний символ на наличие ударения (комбинирующий символ ́)
    if (text.length === 0) return false;
    
    // Если последний символ - комбинирующее ударение (U+0301)
    if (text.charCodeAt(text.length - 1) === 0x0301) {
        return true;
    }
    
    // Проверяем комбинированные символы (ударение как часть символа)
    const lastChar = text.charAt(text.length - 1);
    return reverseStressRules.hasOwnProperty(lastChar);
}

// Функция для удаления ударения
function removeStress(text) {
    if (text.length === 0) return text;
    
    // Если последний символ - комбинирующее ударение
    if (text.charCodeAt(text.length - 1) === 0x0301) {
        return text.slice(0, -1);
    }
    
    // Если последний символ имеет предварительно составленное ударение
    const lastChar = text.charAt(text.length - 1);
    if (reverseStressRules[lastChar]) {
        return text.slice(0, -1) + reverseStressRules[lastChar];
    }
    
    return text;
}

// Обработка нажатия клавиш
textInput.addEventListener('keydown', function(e) {
    // Проверяем комбинацию Ctrl+Q/Й или Cmd+Q/Й
    if ((e.ctrlKey || e.metaKey) && (e.key === 'q' || e.key === 'й' || e.key === 'Й' || e.key === 'Q')) {
        e.preventDefault();
        
        const start = this.selectionStart;
        const end = this.selectionEnd;
        
        // Если нет выделения или выделен 0 символов
        if (start === end) {
            alert('Пожалуйста, выделите хотя бы одну букву');
            return;
        }
        
        const selectedText = this.value.substring(start, end);
        
        // Проверяем, что есть хотя бы одна русская буква в выделении
        if (!/[а-яА-ЯёЁ]/.test(selectedText)) {
            alert('Выделите хотя бы одну русскую букву');
            return;
        }
        
        // ПРОВЕРКА: если текст заканчивается на ударение - удаляем его
        if (endsWithStress(selectedText)) {
            const textWithoutStress = removeStress(selectedText);
            const newText = this.value.substring(0, start) + textWithoutStress + this.value.substring(end);
            this.value = newText;
            this.selectionStart = start + textWithoutStress.length;
            this.selectionEnd = start + textWithoutStress.length;
        } 
        // ДОБАВЛЕНИЕ ударения
        else {
            // Если выделена одна буква - применяем правила замены
            if (selectedText.length === 1) {
                let replacement;
                if (stressRules[selectedText]) {
                    replacement = stressRules[selectedText];
                } else {
                    replacement = selectedText + '́';
                }
                
                // Заменяем выделенный текст
                const newText = this.value.substring(0, start) + replacement + this.value.substring(end);
                this.value = newText;
                this.selectionStart = start + replacement.length;
                this.selectionEnd = start + replacement.length;
            } 
            // Если выделено несколько символов - ставим ударение после выделения
            else {
                const replacement = selectedText + '́';
                const newText = this.value.substring(0, start) + replacement + this.value.substring(end);
                this.value = newText;
                this.selectionStart = start + replacement.length;
                this.selectionEnd = start + replacement.length;
            }
        }
        
        this.focus();
    }
});

// Фокус на текстовом поле при загрузке
window.addEventListener('load', function() {
    textInput.focus();
});

</script>
</body>
</html>

1	<!DOCTYPE html>
2	<html lang="ru">
3	<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1.0">
6	<title>Расстановка ударений</title>
7	<meta name="description" content="Микросервис для расстановки ударений в русском тексте. Выделите букву и нажмите Ctrl+Q.">
8	<meta name="keywords" content="ударения, русский язык, текст, форматирование, ударные гласные">
9	<meta name="author" content="ООО Психотроника">
10	<meta name="copyright" content="ООО Психотроника, 2026">
11	<meta name="robots" content="index, follow">
12	<style>
13	* {
14	margin: 0;
15	padding: 0;
16	box-sizing: border-box;
17	}
18
19	body {
20	font-family: Arial, sans-serif;
21	line-height: 1.6;
22	padding: 20px;
23	background-color: #f5f5f5;
24	}
25
26	.container {
27	max-width: 800px;
28	margin: 0 auto;
29	background: white;
30	padding: 20px;
31	border-radius: 8px;
32	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
33	}
34
35	h1 {
36	color: #333;
37	margin-bottom: 10px;
38	text-align: center;
39	}
40
41	.description {
42	color: #666;
43	margin-bottom: 20px;
44	text-align: center;
45	font-size: 14px;
46	}
47
48	textarea {
49	width: 100%;
50	min-height: 300px;
51	padding: 15px;
52	font-size: 16px;
53	line-height: 1.5;
54	border: 2px solid #ddd;
55	border-radius: 4px;
56	resize: vertical;
57	font-family: inherit;
58	margin-bottom: 15px;
59	}
60
61	textarea:focus {
62	outline: none;
63	border-color: #4CAF50;
64	}
65
66	.controls {
67	display: flex;
68	justify-content: space-between;
69	align-items: center;
70	margin-bottom: 20px;
71	padding: 15px;
72	background: #f8f9fa;
73	border-radius: 4px;
74	}
75
76	.hotkey-info {
77	font-size: 14px;
78	color: #666;
79	}
80
81	.hotkey-info kbd {
82	background: #e9ecef;
83	padding: 2px 6px;
84	border-radius: 3px;
85	border: 1px solid #ced4da;
86	font-family: monospace;
87	}
88
89	.examples {
90	background: #f8f9fa;
91	padding: 15px;
92	border-radius: 4px;
93	margin-top: 20px;
94	font-size: 14px;
95	}
96
97	.examples h3 {
98	margin-bottom: 10px;
99	color: #333;
100	}
101
102	.example-item {
103	margin-bottom: 5px;
104	color: #666;
105	}
106
107	.copyright {
108	text-align: center;
109	margin-top: 20px;
110	padding: 10px;
111	color: #666;
112	font-size: 12px;
113	border-top: 1px solid #eee;
114	}
115
116	footer {
117	text-align: center;
118	margin-top: 20px;
119	color: #888;
120	font-size: 12px;
121	}
122	</style>
123	</head>
124	<body>
125	<div class="container">
126	<h1>Добавление ударений в текст</h1>
127	<div class="description">
128	Выделите букву и нажмите Ctrl+Q (Cmd+Q на Mac), чтобы добавить ударение
129	</div>
130
131	<div class="controls">
132	<div class="hotkey-info">
133	Горячая клавиша: <kbd>Ctrl</kbd> + <kbd>Q</kbd> (Windows/Linux) или <kbd>Cmd</kbd> + <kbd>Q</kbd> (Mac)
134	</div>
135	</div>
136
137	<textarea id="textInput" placeholder="Введите или вставьте ваш текст здесь..."></textarea>
138
139	<div class="examples">
140	<h3>Примеры замены:</h3>
141	<div class="example-item">а → á (если это ударная "а")</div>
142	<div class="example-item">о → ó (если это ударная "о")</div>
143	<div class="example-item">у → у́ (во всех остальных случаях знак ударения ставится после буквы)</div>
144	<div class="example-item">Выделите одну букву и нажмите Ctrl+Q</div>
145	</div>
146	</div>
147
148	<footer>
149	Микросервис для расстановки ударений
150	<div class="copyright">
151	© ООО Психотроника, 2026.
152	</div>
153
154	</footer>
155
156	<script>
157
158	// Правила замены для ударных гласных
159	const stressRules = {
160	'а': 'á',
161	'о': 'ó',
162	'е': 'é',
163	'у': 'у́',
164	'ы': 'ы́',
165	'э': 'э́',
166	'ю': 'ю́',
167	'я': 'я́',
168	'и': 'и́',
169	'А': 'Á',
170	'О': 'Ó',
171	'Е': 'É',
172	'У': 'У́',
173	'Ы': 'Ы́',
174	'Э': 'Э́',
175	'Ю': 'Ю́',
176	'Я': 'Я́',
177	'И': 'И́'
178	};
179
180	// Обратная замена для удаления ударений
181	const reverseStressRules = {
182	'á': 'а', 'Á': 'А',
183	'ó': 'о', 'Ó': 'О',
184	'é': 'е', 'É': 'Е',
185	'у́': 'у', 'У́': 'У',
186	'ы́': 'ы', 'Ы́': 'Ы',
187	'э́': 'э', 'Э́': 'Э',
188	'ю́': 'ю', 'Ю́': 'Ю',
189	'я́': 'я', 'Я́': 'Я',
190	'и́': 'и', 'И́': 'И'
191	};
192
193	// Получаем текстовое поле
194	const textInput = document.getElementById('textInput');
195
196	// Функция для проверки, заканчивается ли текст на ударение
197	function endsWithStress(text) {
198	// Проверяем последний символ на наличие ударения (комбинирующий символ ́)
199	if (text.length === 0) return false;
200
201	// Если последний символ - комбинирующее ударение (U+0301)
202	if (text.charCodeAt(text.length - 1) === 0x0301) {
203	return true;
204	}
205
206	// Проверяем комбинированные символы (ударение как часть символа)
207	const lastChar = text.charAt(text.length - 1);
208	return reverseStressRules.hasOwnProperty(lastChar);
209	}
210
211	// Функция для удаления ударения
212	function removeStress(text) {
213	if (text.length === 0) return text;
214
215	// Если последний символ - комбинирующее ударение
216	if (text.charCodeAt(text.length - 1) === 0x0301) {
217	return text.slice(0, -1);
218	}
219
220	// Если последний символ имеет предварительно составленное ударение
221	const lastChar = text.charAt(text.length - 1);
222	if (reverseStressRules[lastChar]) {
223	return text.slice(0, -1) + reverseStressRules[lastChar];
224	}
225
226	return text;
227	}
228
229	// Обработка нажатия клавиш
230	textInput.addEventListener('keydown', function(e) {
231	// Проверяем комбинацию Ctrl+Q/Й или Cmd+Q/Й
232	if ((e.ctrlKey \|\| e.metaKey) && (e.key === 'q' \|\| e.key === 'й' \|\| e.key === 'Й' \|\| e.key === 'Q')) {
233	e.preventDefault();
234
235	const start = this.selectionStart;
236	const end = this.selectionEnd;
237
238	// Если нет выделения или выделен 0 символов
239	if (start === end) {
240	alert('Пожалуйста, выделите хотя бы одну букву');
241	return;
242	}
243
244	const selectedText = this.value.substring(start, end);
245
246	// Проверяем, что есть хотя бы одна русская буква в выделении
247	if (!/[а-яА-ЯёЁ]/.test(selectedText)) {
248	alert('Выделите хотя бы одну русскую букву');
249	return;
250	}
251
252	// ПРОВЕРКА: если текст заканчивается на ударение - удаляем его
253	if (endsWithStress(selectedText)) {
254	const textWithoutStress = removeStress(selectedText);
255	const newText = this.value.substring(0, start) + textWithoutStress + this.value.substring(end);
256	this.value = newText;
257	this.selectionStart = start + textWithoutStress.length;
258	this.selectionEnd = start + textWithoutStress.length;
259	}
260	// ДОБАВЛЕНИЕ ударения
261	else {
262	// Если выделена одна буква - применяем правила замены
263	if (selectedText.length === 1) {
264	let replacement;
265	if (stressRules[selectedText]) {
266	replacement = stressRules[selectedText];
267	} else {
268	replacement = selectedText + '́';
269	}
270
271	// Заменяем выделенный текст
272	const newText = this.value.substring(0, start) + replacement + this.value.substring(end);
273	this.value = newText;
274	this.selectionStart = start + replacement.length;
275	this.selectionEnd = start + replacement.length;
276	}
277	// Если выделено несколько символов - ставим ударение после выделения
278	else {
279	const replacement = selectedText + '́';
280	const newText = this.value.substring(0, start) + replacement + this.value.substring(end);
281	this.value = newText;
282	this.selectionStart = start + replacement.length;
283	this.selectionEnd = start + replacement.length;
284	}
285	}
286
287	this.focus();
288	}
289	});
290
291	// Фокус на текстовом поле при загрузке
292	window.addEventListener('load', function() {
293	textInput.focus();
294	});
295
296	</script>
297	</body>
298	</html>
299