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