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

mod: настройки типографа (11) оформление (двойное экранирование мнемоник для переменных с двойным рендером).

Browse Source
This commit is contained in:
Sergei Erjemin
2026-01-03 03:39:28 +03:00
parent 39bf0dc519
commit 7c22bb36f6
2 changed files with 67 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,6 @@
{# ГЛАВНОЕ ПОЛЕ ВВОДА: ТЕКСТ ДЛЯ ФОТОГРАФИРОВАНИЯ #}<div class="mb-3"> {# ГЛАВНОЕ ПОЛЕ ВВОДА: ТЕКСТ ДЛЯ ФОТОГРАФИРОВАНИЯ #}<div class="mb-3">
<textarea class="form-control" name="text" rows="10" placeholder="Вставьте текст сюда..."></textarea> <textarea class="form-control" name="text" rows="10" placeholder="Вставьте текст сюда..."></textarea>
</div> </div>
{# Блок настроек (Collapse) #}<div class="mb-3"> {# Блок настроек (Collapse) #}<div class="mb-3">
<button class="btn btn-outline-secondary btn-sm mb-2" type="button" data-bs-toggle="collapse" <button class="btn btn-outline-secondary btn-sm mb-2" type="button" data-bs-toggle="collapse"
data-bs-target="#settingsCollapse" aria-expanded="false" aria-controls="settingsCollapse"> data-bs-target="#settingsCollapse" aria-expanded="false" aria-controls="settingsCollapse">
@@ -49,23 +48,23 @@
</div> </div>
{# Описание с отступом, чтобы было под текстом #}<div class="ms-4 ps-1 form-text text-muted small" style="min-height: 2.5em;" x-html="desc"></div> {# Описание с отступом, чтобы было под текстом #}<div class="ms-4 ps-1 form-text text-muted small" style="min-height: 2.5em;" x-html="desc"></div>
</div> </div>
{# ========= #}<hr class="my-2" /> {# ========== #}<hr class="my-2" />
{# Группа "Кавычки" #}<div x-data="{ enabled: true }" class="mb-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 x-model="enabled"> <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 class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
Прямые кавычки (&quot;) не будут заменяться на типографские («…ёлочки…» или&nbsp;“…лапки…”). Прямые кавычки (&quot;) не будут заменяться на типографские («…ёлочки…» или “…лапки…”).
</div> </div>
</div> </div>
{# ========= #}<hr class="my-2" /> {# ========== #}<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">
<input class="form-check-input" type="checkbox" name="layout" id="optLayout" checked x-model="enabled"> <input class="form-check-input" type="checkbox" name="layout" id="optLayout" checked x-model="enabled">
<label class="form-check-label fw-bold" for="optLayout">Компоновка и&nbsp;отбивка</label> <label class="form-check-label fw-bold" for="optLayout">Компоновка и&nbsp;отбивка</label>
</div> </div>
{# Настройки (видны, когда включено) #}<div class="ms-3" x-show="enabled" x-transition> {# Настройки группы "Компоновка и отбивка" (видны, когда включено) #}<div class="ms-3" x-show="enabled" x-transition>
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" name="layout_initials" id="optLayoutInitials" checked> <input class="form-check-input" type="checkbox" name="layout_initials" id="optLayoutInitials" checked>
<label class="form-check-label" for="optLayoutInitials">Инициалы <small class="text-muted">(А.&thinsp;С.&thinsp;Пушкин)</small></label> <label class="form-check-label" for="optLayoutInitials">Инициалы <small class="text-muted">(А.&thinsp;С.&thinsp;Пушкин)</small></label>
@@ -96,14 +95,14 @@
Если отключено, то&nbsp;предлоги, союзы и&nbsp;артикли могут оставаться в&nbsp;конце строки, частицы (<em>бы, же…</em>) могут отрываться от&nbsp;слов. Если отключено, то&nbsp;предлоги, союзы и&nbsp;артикли могут оставаться в&nbsp;конце строки, частицы (<em>бы, же…</em>) могут отрываться от&nbsp;слов.
</div> </div>
</div> </div>
{# ========= #}<hr class="my-2" /> {# ========== #}<hr class="my-2" />
{# Группа "Переносы" #}<div x-data="{ enabled: true }" class="mb-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="hyphenation" id="optHyphenation" checked x-model="enabled"> <input class="form-check-input" type="checkbox" name="hyphenation" id="optHyphenation" checked x-model="enabled">
<label class="form-check-label fw-bold" for="optHyphenation">Переносы внутри длинных слов&nbsp;(&amp;shy;)</label> <label class="form-check-label fw-bold" for="optHyphenation">Переносы внутри длинных слов&nbsp;(&amp;shy;)</label>
</div> </div>
{# Настройки переносов #}<div class="ms-3 mt-1" x-show="enabled" x-transition> {# Настройки переносов #}<div class="ms-3 mt-1" x-show="enabled" x-transition>
<label class="form-label small text-muted mb-0">Максимальная длина слова без&nbsp;переноса:</label> <label class="form-label small text-muted mb-0">Максимальная длина слова без переноса:</label>
<select class="form-select form-select-sm" name="hyphenation_len"> <select class="form-select form-select-sm" name="hyphenation_len">
<option value="8">8 символов</option> <option value="8">8 символов</option>
<option value="10">10 символов</option> <option value="10">10 символов</option>
@@ -116,36 +115,52 @@
Если отключено, мягкие переносы (&amp;shy;) не&nbsp;будут расставляться. Если отключено, мягкие переносы (&amp;shy;) не&nbsp;будут расставляться.
</div> </div>
</div> </div>
{# ========= #}<hr class="my-2" /> {# ========== #}<hr class="my-2" />
{# Группа "Символы" #}<div x-data="{ enabled: true }" class="mb-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="symbols" id="optSymbols" checked x-model="enabled"> <input class="form-check-input" type="checkbox" name="symbols" id="optSymbols" checked x-model="enabled">
<label class="form-check-label fw-bold" for="optSymbols">Символы ((c) &rarr; ©)</label> <label class="form-check-label fw-bold" for="optSymbols">Символы ((c) &rarr; ©)</label>
</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>
Замена псевдографики (стрелочки, копирайты) на&nbsp;спецсимволы отключена. Замена псевдографики (стрелочки, копирайты) и&nbsp;обработка числовых диапазонов (10-20 &rarr; 10&ndash;20) отключена.
</div> </div>
</div> </div>
</div> </div>
{# КОЛОНКА 3 #}<div class="col-md-4"> {# КОЛОНКА 3 #}<div class="col-md-4">
{# Группа "Висячая пунктуация" #}<h6>Висячая пунктуация</h6> {# Группа "Висячая пунктуация" #}<div x-data="{ enabled: false }" class="mb-2">
<select class="form-select form-select-sm mb-2" name="hanging_punctuation"> <div class="form-check">
<option value="none" selected="">Отключена</option> <input class="form-check-input" type="checkbox" name="hanging_enabled" id="optHanging" x-model="enabled">
<option value="left">Только слева</option> <label class="form-check-label fw-bold" for="optHanging">Висячая пунктуация</label>
</div>
{# Настройки группы "Висячая пунктуация" (видны, когда включено) #}<div class="ms-3 mt-1" x-show="enabled" x-transition>
<select class="form-select form-select-sm" name="hanging_punctuation">
<option value="left" selected>Только слева</option>
<option value="right">Только справа</option> <option value="right">Только справа</option>
<option value="both">С обеих сторон</option> <option value="both">С обеих сторон</option>
</select> </select>
{# ========= #}<hr class="my-2" /> </div>
{# Группа "Санитайзер" #}<div class="mt-3 mb-3"> {# Описание (видно, когда выключено) #}<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
<label class="form-label fw-bold mb-0">Очистка (Sanitizer):</label> Кавычки, скобки, точки и&nbsp;запятые не&nbsp;будут выноситься за&nbsp;границы текстового блока.
</div>
</div>
{# ========== #}<hr class="my-2" />
{# Группа "Санитайзер" #}<div x-data="{ enabled: false }" class="mb-2">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="sanitizer_enabled" id="optSanitizer" x-model="enabled">
<label class="form-check-label fw-bold" for="optSanitizer">Очистка от HTML (Sanitizer)</label>
</div>
{# Настройки группы "Санитайзер" (видны, когда включено) #}<div class="ms-3 mt-1" x-show="enabled" x-transition>
<select class="form-select form-select-sm" name="sanitizer"> <select class="form-select form-select-sm" name="sanitizer">
<option value="" selected>Без очистки</option> <option value="etp" selected>Очистить разметку висячей пунктуации</option>
<option value="etp">Удалить старую типографику</option> <option value="html">Очистить все HTML-теги</option>
<option value="html">Удалить все HTML-теги</option>
</select> </select>
</div> </div>
{# ========= #}<hr class="my-2" /> {# Описание группы "Санитайзер" (видно, когда выключено) #}<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
{# Группа "Режим вывода" #}<div x-data="{ desc: 'Оптимально. Спецсимволы (—, ©) как&amp;nbsp;есть, неразрывные пробелы как&amp;nbsp;<tt>&amp;amp;nbsp;</tt>.' }"> Текст будет обработан &laquo;как есть&raquo;, без предварительной очистки от&nbsp;тегов или старой разметки.
</div>
</div>
{# ========== #}<hr class="my-2" />
{# Режим вывода (Alpine.js) #}<div x-data="{ desc: 'Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как &nbsp;.' }">
<div class="d-flex align-items-center mb-1"> <div class="d-flex align-items-center mb-1">
<div class="me-2 text-center" style="width: 1.25em;"> <div class="me-2 text-center" style="width: 1.25em;">
<i class="bi bi-code-slash"></i> <i class="bi bi-code-slash"></i>
@@ -154,16 +169,16 @@
<select class="form-select form-select-sm w-auto" name="mode" <select class="form-select form-select-sm w-auto" 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;есть, неразрывные пробелы как&amp;nbsp;<tt>&amp;amp;nbsp;</tt>."> data-desc="Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как &amp;amp;nbsp;.">
Смешанный (Mixed) Смешанный (Mixed)
</option> </option>
<option value="unicode" <option value="unicode"
data-desc="Компактно. Все символы в&amp;nbsp;UTF-8 (включая неразрывный пробел&amp;nbsp;U+00A0)."> data-desc="Компактно. Все символы в UTF-8 (включая неразрывный пробел U+00A0).">
Юникод (Unicode) Юникод (Unicode)
</option> </option>
<option value="mnemonic" <option value="mnemonic"
data-desc="Совместимость. Все спецсимволы заменяются на&amp;nbsp;HTML-мнемоники (<tt>&amp;amp;mdash;</tt>, <tt>&amp;amp;copy;</tt>, <tt>&amp;amp;half;</tt> …)."> data-desc="Совместимость. Все спецсимволы заменяются на HTML-мнемоники (&amp;amp;mdash;, &amp;amp;copy; …).">
Мнемоники (mnemonic) Мнемоники (Mnemonic)
</option> </option>
</select> </select>
</div> </div>

42
etpgrf_site/typograph/views.py
View File

@@ -15,30 +15,30 @@ def process_text(request):
langs = request.POST.get(key='langs', default='ru') langs = request.POST.get(key='langs', default='ru')
# 2. Собираем LayoutProcessor # 2. Собираем LayoutProcessor
layout_enabled = request.POST.get('layout') == 'on' layout_enabled = request.POST.get(key='layout') == 'on'
layout_option = False layout_option = False
if layout_enabled: if layout_enabled:
process_units = request.POST.get('layout_units') == 'on' process_units = request.POST.get(key='layout_units') == 'on'
if process_units: if process_units:
custom_units = request.POST.get('layout_units_custom', '').strip() custom_units = request.POST.get(key='layout_units_custom', default='').strip()
if custom_units: if custom_units:
process_units = custom_units.split() process_units = custom_units.split()
layout_option = LayoutProcessor( layout_option = LayoutProcessor(
langs=langs, langs=langs,
process_initials_and_acronyms=request.POST.get('layout_initials') == 'on', process_initials_and_acronyms=request.POST.get(key='layout_initials') == 'on',
process_units=process_units process_units=process_units
) )
# 3. Собираем Hyphenator # 3. Собираем Hyphenator
hyphenation_enabled = request.POST.get('hyphenation') == 'on' hyphenation_enabled = request.POST.get(key='hyphenation') == 'on'
hyphenation_option = False hyphenation_option = False
if hyphenation_enabled: if hyphenation_enabled:
max_len = request.POST.get('hyphenation_len', '15') max_len = request.POST.get(key='hyphenation_len', default='12')
try: try:
max_len = int(max_len) max_len = int(max_len)
except (ValueError, TypeError): except (ValueError, TypeError):
max_len = 15 # Дефолтное значение, если пришло что-то не то max_len = 12
hyphenation_option = Hyphenator( hyphenation_option = Hyphenator(
langs=langs, langs=langs,
@@ -46,31 +46,31 @@ def process_text(request):
) )
# 4. Читаем Sanitizer # 4. Читаем Sanitizer
sanitizer_val = request.POST.get('sanitizer', '') sanitizer_enabled = request.POST.get(key='sanitizer_enabled', default='')
sanitizer_option = None sanitizer_option = request.POST.get(key='sanitizer', default='etp')
if sanitizer_val: if sanitizer_enabled and sanitizer_option not in ['etp', 'html']:
sanitizer_option = sanitizer_val sanitizer_option = 'etp'
# 5. Собираем общие опции # 5. Читаем Hanging Punctuation
hanging_enabled = request.POST.get(key='hanging_enabled') == 'on'
hanging_option = None
if hanging_enabled:
hanging_option = request.POST.get(key='hanging_punctuation', default='both')
# 6. Собираем общие опции
options = { options = {
'langs': langs, 'langs': langs,
'process_html': True, 'process_html': True,
'quotes': request.POST.get('quotes') == 'on', 'quotes': request.POST.get('quotes') == 'on',
'layout': layout_option, 'layout': layout_option,
'unbreakables': request.POST.get('unbreakables') == 'on', 'unbreakables': request.POST.get(key='unbreakables') == 'on',
'hyphenation': hyphenation_option, 'hyphenation': hyphenation_option,
'symbols': request.POST.get('symbols') == 'on', 'symbols': request.POST.get(key='symbols') == 'on',
'hanging_punctuation': hanging_option,
'hanging_punctuation': request.POST.get(key='hanging_punctuation', default='none'),
'mode': request.POST.get(key='mode', default='mixed'), 'mode': request.POST.get(key='mode', default='mixed'),
'sanitizer': sanitizer_option 'sanitizer': sanitizer_option
} }
if options['hanging_punctuation'] == 'none':
options['hanging_punctuation'] = None
# Создаем экземпляр типографа # Создаем экземпляр типографа
typo = Typographer(**options) typo = Typographer(**options)