mod: настройки типографа (07) оформление
This commit is contained in:
@@ -37,7 +37,6 @@
|
|||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bootstrap JS -->
|
{# Bootstrap JS #}<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -25,34 +25,36 @@
|
|||||||
<h6>Основные</h6>
|
<h6>Основные</h6>
|
||||||
|
|
||||||
<!-- Выбор языка (Alpine.js) -->
|
<!-- Выбор языка (Alpine.js) -->
|
||||||
<div
|
<div class="mb-3"
|
||||||
x-data="{ desc: 'Только русская типографика: кавычки «ёлочки» („вложенные“); длинное тире (—) с пробелами; «прилипающие» союзы и предлоги только для русского языка, переносы слов и т. д.' }">
|
x-data="{ desc: 'Только русская типографика: кавычки «ёлочки» („вложенные“); длинное тире (—) с пробелами; «прилипающие» союзы и предлоги только для русского языка, переносы слов и т. д.' }">
|
||||||
<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="Только русская типографика: кавычки «ёлочки» („вложенные“); длинное тире (—) с пробелами; «прилипающие» союзы и предлоги только для русского языка, переносы слов и т. д.">
|
data-desc="Только русская типографика: кавычки «ёлочки» („вложенные“); длинное тире (—) с пробелами; «прилипающие» союзы и предлоги только для русского языка, переносы слов и т. д.">Русский</option>
|
||||||
Русский
|
|
||||||
</option>
|
|
||||||
<option value="en"
|
<option value="en"
|
||||||
data-desc="Только английская типографика: кавычки “лапки” (‘вложенные’); длинное тире (—) вплотную; “прилипающие” союзы и предлоги только для английского языка, переносы слов и т. д.">
|
data-desc="Только английская типографика: кавычки “лапки” (‘вложенные’); длинное тире (—) вплотную; “прилипающие” союзы и предлоги только для английского языка, переносы слов и т. д.">Английский</option>
|
||||||
Английский
|
|
||||||
</option>
|
|
||||||
<option value="ru+en"
|
<option value="ru+en"
|
||||||
data-desc="Основной русский <small>(кавычки и тире)</small> + поддержка английского языка для других правил типографики.">
|
data-desc="Основной русский <small>(кавычки и тире)</small> + поддержка английского языка для других правил типографики.">Русский + Английский</option>
|
||||||
Русский + Английский
|
<option value="en+ru" data-desc="Основной английский <small>(кавычки и тире)</small> + поддержка русского языка для других правил типографики.">Английский + Русский</option>
|
||||||
</option>
|
|
||||||
<option value="en+ru" data-desc="Основной английский <small>(кавычки и тире)</small> + поддержка русского языка для других правил типографики.">Английский +
|
|
||||||
Русский
|
|
||||||
</option>
|
|
||||||
</select>
|
</select>
|
||||||
<div class="form-text text-muted small mb-2" style="min-height: 2.5em;" x-html="desc"></div>
|
<div class="form-text text-muted small mb-2" style="min-height: 2.5em;" x-html="desc"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<hr class="my-2">
|
||||||
|
|
||||||
|
{# Группа "Кавычки" #}<div x-data="{ enabled: true }" class="mb-2">
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<input class="form-check-input" type="checkbox" name="quotes" id="optQuotes" checked>
|
<input class="form-check-input" type="checkbox" name="quotes" id="optQuotes" checked x-model="enabled">
|
||||||
<label class="form-check-label fw-bold" for="optQuotes">Обработка кавычек</label>
|
<label class="form-check-label fw-bold" for="optQuotes">Обработка кавычек</label>
|
||||||
</div>
|
</div>
|
||||||
|
{# Описание группы "Кавычки" (видно, когда выключено) #}
|
||||||
|
<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
|
||||||
|
Прямые кавычки (") не будут заменяться на типографские («…ёлочки…» или “…лапки…”).
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="my-2">
|
||||||
|
|
||||||
{# Группа "Компоновка и отбивка" (Layout) #}<div x-data="{ enabled: true }" class="mb-2">
|
{# Группа "Компоновка и отбивка" (Layout) #}<div x-data="{ enabled: true }" class="mb-2">
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
@@ -81,24 +83,34 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Описание (видно, когда выключено) -->
|
{# Описание группа "Компоновка и отбивка" (видно, когда выключено) #}<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
|
||||||
<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
|
Если отключено, то отбивка тире, инициалов, устойчивых сокращений, единиц измерения
|
||||||
Обработка тире, чисел, инициалов, сокращений и единиц измерения отключена.
|
не будет произведена.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-check mb-2">
|
<hr class="my-2">
|
||||||
<input class="form-check-input" type="checkbox" name="unbreakables" id="optUnbreakables" checked>
|
|
||||||
<label class="form-check-label" for="optUnbreakables">Неразрывные пробелы</label>
|
{# Группа "Неразрывные пробелы" #}<div x-data="{ enabled: true }" class="mb-2">
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="checkbox" name="unbreakables" id="optUnbreakables" checked x-model="enabled">
|
||||||
|
<label class="form-check-label fw-bold" for="optUnbreakables">Неразрывные пробелы</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{# Описание группы "Неразрывные пробелы" (видно, когда выключено) #}<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
|
||||||
|
Если отключено, то предлоги, союзы и артикли могут оставаться в конце строки, частицы (<em>бы, же…</em>) могут отрываться от слов.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="my-2">
|
||||||
|
|
||||||
<!-- Режим вывода (Alpine.js) -->
|
<!-- Режим вывода (Alpine.js) -->
|
||||||
<div x-data="{ desc: 'Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как .' }">
|
<div x-data="{ desc: 'Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как .' }">
|
||||||
<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" name="mode"
|
<select class="form-select form-select-sm" name="mode"
|
||||||
@change="desc = $event.target.options[$event.target.selectedIndex].dataset.desc">
|
@change="desc = $event.target.options[$event.target.selectedIndex].dataset.desc">
|
||||||
<option value="mixed" selected
|
<option value="mixed" selected
|
||||||
data-desc="Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как &nbsp;.">
|
data-desc="Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как .">
|
||||||
Смешанный
|
Смешанный
|
||||||
(Mixed)
|
(Mixed)
|
||||||
</option>
|
</option>
|
||||||
|
|||||||
Reference in New Issue
Block a user