erjemin/2026-etpgrf-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: настройки типографа (04) описания режимов языка

Browse Source
This commit is contained in:
Sergei Erjemin
2026-01-01 23:22:06 +03:00
parent 6b86361048
commit 28954e8aba
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
etpgrf_site/typograph/templates/typograph/index.html
View File

@@ -28,28 +28,28 @@
<!-- Выбор языка (Alpine.js) -->
<!-- x-data инициализирует состояние. Берем описание первой опции сразу. -->
<div
x-data="{ desc: 'Только русская типографика: кавычки &laquo;ёлочки&raquo; (&bdquo;вложенные&ldquo;); длинное тире (&mdash;) с&nbsp;пробелами; &laquo;прилипающие&raquo; союзы и&nbsp;предлоги только для&nbsp;русского языка, и&nbsp;т.&thinsp;д.' }">
x-data="{ desc: 'Только русская типографика: кавычки &laquo;ёлочки&raquo; (&bdquo;вложенные&ldquo;); длинное тире (&mdash;) с&nbsp;пробелами; &laquo;прилипающие&raquo; союзы и&nbsp;предлоги только для&nbsp;русского языка, переносы слов и&nbsp;т.&thinsp;д.' }">
<label class="form-label small text-muted mb-0">Язык:</label>
<select class="form-select form-select-sm mb-2" name="langs"
@change="desc = $event.target.options[$event.target.selectedIndex].dataset.desc">
<option value="ru" selected
data-desc="Только русская типографика: кавычки &laquo;ёлочки&raquo; (&bdquo;вложенные&ldquo;); длинное тире (&mdash;) с&nbsp;пробелами; &laquo;прилипающие&raquo; союзы и&nbsp;предлоги только для&nbsp;русского языка, и&nbsp;т.&thinsp;д.">
data-desc="Только русская типографика: кавычки &laquo;ёлочки&raquo; (&bdquo;вложенные&ldquo;); длинное тире (&mdash;) с&nbsp;пробелами; &laquo;прилипающие&raquo; союзы и&nbsp;предлоги только для&nbsp;русского языка, переносы слов и&nbsp;т.&thinsp;д.">
Русский
</option>
<option value="en"
data-desc="Только английская типографика: кавычки &ldquo;лапки&rdquo; (&lsquo;вложенные&rsquo;); длинное тире (&mdash;) вплотную; &ldquo;прилипающие&rdquo; союзы и&nbsp;предлоги только для&nbsp;английского языка, и&nbsp;т.&thinsp;д.">
data-desc="Только английская типографика: кавычки &ldquo;лапки&rdquo; (&lsquo;вложенные&rsquo;); длинное тире (&mdash;) вплотную; &ldquo;прилипающие&rdquo; союзы и&nbsp;предлоги только для&nbsp;английского языка, переносы слов и&nbsp;т.&thinsp;д.">
Английский
</option>
<option value="ru+en"
data-desc="Основной русский, поддержка английских фраз. Вложенность кавычек учитывает оба языка.">
data-desc="Основной русский <small>(кавычки и&nbsp;тире)</small> + поддержка английского языка для&nbsp;других правил типографики.">
Русский + Английский
</option>
<option value="en+ru" data-desc="Основной английский, поддержка русских фраз.">Английский +
<option value="en+ru" data-desc="Основной английский <small>(кавычки и&nbsp;тире)</small> + поддержка русского языка для&nbsp;других правил типографики.">Английский +
Русский
</option>
</select>
<!-- Вывод описания -->
<div class="form-text text-muted small mb-2" style="min-height: 2.5em;" x-text="desc"></div>
<!-- Вывод описания (x-html для рендеринга тегов) -->
<div class="form-text text-muted small mb-2" style="min-height: 2.5em;" x-html="desc"></div>
</div>
<div class="form-check">
@@ -84,7 +84,8 @@
Мнемоники (&amp;nbsp;)
</option>
</select>
<div class="form-text text-muted small mb-2" style="min-height: 2.5em;" x-text="desc"></div>
<!-- Вывод описания (x-html для рендеринга тегов) -->
<div class="form-text text-muted small mb-2" style="min-height: 2.5em;" x-html="desc"></div>
</div>
</div>