add: Добавлена кнопка "Очистить" для формы ввода и счетчик символов. новая версия сайта (v0.2.3)

config/nginx/etpgrf--external-nginx.conf

@@ -17,9 +17,9 @@ server {
     client_max_body_size 1M;
 
     # Медиа файлы (загруженные пользователями)
-    location /media/ {
-        alias /home/e-serg/docker-app/etpgrf-site/media/;
-    }
+    # location /media/ {
+    #     alias /home/e-serg/docker-app/etpgrf-site/media/;
+    # }
 
     location / {
         # Проксируем на наш контейнер с etpgrf-site

config/nginx/etpgrf--internal-nginx.conf

@@ -69,12 +69,16 @@ http {
         client_max_body_size 1M;
 
         # --- КАСТОМНЫЕ СТРАНИЦЫ ОШИБОК ---
+        error_page 403 /403.html;
+        error_page 404 /404.html;
         error_page 500 /500.html;
         error_page 502 /502.html;
         error_page 503 /503.html;
         error_page 504 /504.html;
 
-        location = /500.html { root /app/public/static_collected; internal; } #  файл будет сюда скопирован при сборке образа
+        location = /403.html { root /app/public/static_collected; internal; } #  файл будет сюда скопирован при сборке образа
+        location = /404.html { root /app/public/static_collected; internal; }
+        location = /500.html { root /app/public/static_collected; internal; }
         location = /502.html { root /app/public/static_collected; internal; }
         location = /503.html { root /app/public/static_collected; internal; }
         location = /504.html { root /app/public/static_collected; internal; }

docker-compose.prod.yml

@@ -51,6 +51,8 @@ services:
       sh -c "python etpgrf_site/manage.py migrate --noinput &&
              python etpgrf_site/manage.py collectstatic --noinput &&
              cp /app/etpgrf_site/typograph/templates/500.html /app/public/static_collected/500.html &&
+             cp /app/etpgrf_site/typograph/templates/404.html /app/public/static_collected/404.html &&
+             cp /app/etpgrf_site/typograph/templates/typograph/403.html /app/public/static_collected/403.html &&
              gunicorn --bind 0.0.0.0:8000 --chdir /app/etpgrf_site etpgrf_site.wsgi"
 
     volumes:
@@ -59,7 +61,7 @@ services:
       # Статика (общий том)
       - static_volume:/app/public/static_collected
       # Медиа (папка media должна быть создана на хосте)
-      - ./media:/app/public/media
+      - ./media:/app/media
 
     env_file:
       - .env
@@ -78,7 +80,7 @@ services:
       # Конфиг берем из репозитория
       - ./config/nginx/etpgrf--internal-nginx.conf:/etc/nginx/nginx.conf:ro
       - static_volume:/app/public/static_collected
-      - ./media:/app/public/media
+      - ./media:/app/media
 
     # Внешний порт. Если у тебя на хосте уже есть Nginx (прокси),
     # то можно пробросить на 127.0.0.1:8000 или использовать внутреннюю сеть.

etpgrf_site/__init__.py

@@ -2,7 +2,7 @@
 Основные возможности:
 - Веб-интерфейс для ввода текста и настройки параметров типографики.
 """
-__version__ = "0.1.3"
+__version__ = "0.2.2"
 __author__ = "Sergei Erjemin"
 __email__ = "erjemin@gmail.com"
 __license__ = "MIT"

etpgrf_site/blog/migrations/0003_alter_post_excerpt.py

@@ -0,0 +1,18 @@
+# Generated by Django 6.0.1 on 2026-01-30 16:47
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0002_alter_post_is_published_alter_post_post_type_and_more'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='post',
+            name='excerpt',
+            field=models.TextField(help_text='Отображается в списке постов. Если оставить пустым, будет взято начало контента.', verbose_name='Краткое описание (тизер)'),
+        ),
+    ]

etpgrf_site/blog/models.py

@@ -50,7 +50,6 @@ class Post(models.Model):
     )
     excerpt = models.TextField(
         verbose_name="Краткое описание (тизер)",
-        blank=True, 
         help_text="Отображается в списке постов. Если оставить пустым, будет взято начало контента."
     )
     

etpgrf_site/blog/templates/blog/page_detail.html

@@ -1,14 +1,18 @@
 {% extends 'typograph/base.html' %}
 {% load static %}
+{% load typograph_extras %}
 
-{% block title %}{{ page.seo_title|default:page.title }} — ETPGRF{% endblock %}
-{% block description %}{{ page.seo_description|default:page.content|striptags|truncatechars:160 }}{% endblock %}
-{% block keywords %}{{ page.seo_keywords|default:'типограф, типографика, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев' }} seo_keywords  {% endblock %}
-{% block og_title %}{{ page.seo_title|default:page.title }}{% endblock %}
-{% block og_description %}{{ page.seo_description|default:page.content|striptags|truncatechars:160 }}{% endblock %}
+
+
+{% block title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title|striptags|unescape|safe }}{% endif %} — ETPGRF{% endblock %}
+{% block description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
+{% block keywords %}{% if page.seo_keywords %}{{ post.seo_keywords }}{% else %}типограф, типографика, блог типограф, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев, лебедев{% endif %}{% endblock %}
+
+{% block og_title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title|striptags|unescape|safe }}{% endif %}{% endblock %}
+{% block og_description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|safe|striptags|unescape|truncatechars:160 }}{% endif %}{% endblock %}
 {% block og_image %}{% if page.image %}{{ request.scheme }}://{{ request.get_host }}{{ page.image.url }}{% else %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endif %}{% endblock %}
-{% block twitter_title %}{{ page.seo_title|default:page.title }}{% endblock %}
-{% block twitter_description %}{{ page.seo_description|default:page.content|striptags|truncatechars:160 }}{% endblock %}
+{% block twitter_title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title|striptags|unescape|safe }}{% endif %}{% endblock %}
+{% block twitter_description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
 {% block twitter_image %}{% if page.image %}{{ request.scheme }}://{{ request.get_host }}{{ page.image.url }}{% else %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endif %}{% endblock %}
 
 {% block content %}
@@ -17,17 +21,12 @@
     {# Левая колонка: Дата и Картинка #}
     <div class="col-lg-2 align-self-start text-end mb-4">
       <p class="small align-self-end">
-          <small class="bg-secondary bg-opacity-10 p-2 text-nowrap">
-              {{ page.published_at|date:"d.M.Y"|lower }}
-          </small>
-      </p>
-      <p>
-          {% if post.image %}
-            <img src="{{ post.image.url }}" class="w-100" alt="{{ post.title|safe }}" />
-          {% else %}
-            <img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="w-100" alt="{{ post.title|safe }}" />
-          {% endif %}
+        <small class="bg-secondary bg-opacity-10 p-2 text-nowrap">{{ page.published_at|date:"d.M.Y"|lower }}</small>
       </p>
+      <p>{% if page.image %}
+        <img src="{{ page.image.url }}" class="w-100" alt="{{ page.image|striptags|unescape|safe }}"/>
+        {% else %}<img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="w-100" alt="{{ page.image|striptags|unescape|safe }}"/>
+      {% endif %}</p>
     </div>
 
     {# Правая колонка: Контент #}

etpgrf_site/blog/templates/blog/post_detail.html

@@ -1,19 +1,21 @@
 {% extends 'typograph/base.html' %}
 {% load static %}
+{% load typograph_extras %}
 
-{% block title %}{{ post.seo_title|default:post.title }} — ETPGRF{% endblock %}
-{% block description %}{{ post.seo_description|default:post.excerpt|default:post.content|striptags|truncatechars:160 }}{% endblock %}
-{% block og_title %}{{ post.seo_title|default:post.title }}{% endblock %}
-{% block og_description %}{{ post.seo_description|default:post.excerpt|default:post.content|striptags|truncatechars:160 }}{% endblock %}
+{% block title %}{% if post.seo_title %}{{ post.seo_title }}{% else %}{{ post.title|striptags|unescape|safe }}{% endif %} — ETPGRF{% endblock %}
+{% block description %}{% if post.seo_description %}{{ post.seo_description }}{% else %}{{ post.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
+{% block keywords %}{% if post.seo_keywords %}{{ post.seo_keywords }}{% else %}типограф, типографика, блог типограф, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев, лебедев{% endif %}{% endblock %}
+
+{% block og_title %}{% if post.seo_title %}{{ post.seo_title }}{% else %}{{ post.title|striptags|unescape|safe }}{% endif %}{% endblock %}
+{% block og_description %}{% if post.seo_description %}{{ post.seo_description }}{% else %}{{ post.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
 {% block og_image %}{% if post.image %}{{ request.scheme }}://{{ request.get_host }}{{ post.image.url }}{% else %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endif %}{% endblock %}
-{% block twitter_title %}{{ post.seo_title|default:post.title }}{% endblock %}
-{% block twitter_description %}{{ post.seo_description|default:post.excerpt|default:post.content|striptags|truncatechars:160 }}{% endblock %}
+{% block twitter_title %}{% if post.seo_title %}{{ post.seo_title }}{% else %}{{ post.title|striptags|unescape|safe }}{% endif %}{% endblock %}
+{% block twitter_description %}{% if post.seo_description %}{{ post.seo_description }}{% else %}{{ post.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
 {% block twitter_image %}{% if post.image %}{{ request.scheme }}://{{ request.get_host }}{{ post.image.url }}{% else %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endif %}{% endblock %}
 
 
 {% block content %}
   <div class="row">
-
     {# Левая колонка: Дата и Картинка #}
     <div class="col-lg-2 align-self-start text-end mb-4">
       <p class="small align-self-end">
@@ -21,29 +23,22 @@
           {{ post.published_at|date:"d.M.Y"|lower }}
         </small>
       </p>
-      <p>
-          {% if post.image %}
-            <img src="{{ post.image.url }}" class="w-100" alt="{{ post.title }}" />
-          {% else %}
-            <img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="w-100" alt="{{ post.title }}" />
-          {% endif %}
-      </p>
+      <p>{% if post.image %}
+        <img src="{{ post.image.url }}" class="w-100" alt="{{ post.title|striptags|unescape|safe }}"/>
+        {% else %}<img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="w-100" alt="{{ post.title|striptags|unescape|safe }}"/>
+      {% endif %}</p>
 
       <div class="d-none d-lg-block mt-5">
         <a href="{% url 'blog:post_list' %}" class="btn btn-sm btn-outline-secondary w-100">&larr; В блог</a>
       </div>
     </div>
-
     {# Правая колонка: Контент #}
     <div class="col-lg-10 border-start ps-lg-4 post-page-content">
+      <h1 class="display-4 mb-4">{{ post.title|safe }}</h1>
 
-        <h1 class="display-4 mb-4">{{ post.title }}</h1>
-
-        {% if post.excerpt %}
-            <p class="lead bg-secondary bg-opacity-10 p-3 rounded">
-                {{ post.excerpt|linebreaksbr }}
-            </p>
-        {% endif %}
+      {% if post.excerpt %}<div class="lead bg-secondary bg-opacity-10 p-3 rounded">
+        {{ post.excerpt|safe }}
+      </div>{% endif %}
 
       <div class="post-content mt-4">
         {{ post.content|safe }}

etpgrf_site/typograph/templates/typograph/base.html

@@ -3,15 +3,11 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-
-  {# --- SEO & Meta Tags --- #}
-  <title>{% block title %}ETPGRF — единая типографика для веба{% endblock %}</title>
+  {# --- SEO & Meta Tags --- #}<title>{% block title %}ETPGRF — единая типографика для веба{% endblock %}</title>
   <meta name="description" content="{% block description %}Бесплатный онлайн-типограф для подготовки текстов к публикации в вебе. Расставка неразрывных пробелов, правильных кавычек («ёлочки»), тире, спецсимволы, отбивка, компоновка, висячая пунктуация. Идеально для верстки сайтов, статей и постов.{% endblock %}">
   <meta name="keywords" content="{% block keywords %}типограф, типографика, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев{% endblock %}">
   <meta name="author" content="Sergei Erjemin">
-
-  {# --- Open Graph (Facebook, VK, LinkedIn, Telegram) --- #}
-  <meta property="og:type" content="website" />
+  {# --- Open Graph (Facebook, VK, LinkedIn, Telegram) --- #}<meta property="og:type" content="website" />
   <meta property="og:site_name" content="ETPGRF" />
   <meta property="og:url" content="{{ request.build_absolute_uri }}" />
   <meta property="og:title" content="{% block og_title %}ETPGRF — единая типографика для веба{% endblock %}" />
@@ -19,15 +15,11 @@
   <meta property="og:image" content="{% block og_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
-
-  {# --- Twitter Cards (X) --- #}
-  <meta name="twitter:card" content="summary_large_image">
+  {# --- Twitter Cards (X) --- #}<meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="{% block twitter_title %}ETPGRF — единая типографика для веба{% endblock %}" />
   <meta name="twitter:description" content="{% block twitter_description %}Сделайте ваш текст профессиональным и готовым к публикации в интернете за один клик.{% endblock %}" />
   <meta name="twitter:image" content="{% block twitter_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
-
-  {# --- Favicons --- #}
-  <link rel="icon" href="{{ request.scheme }}://{{ request.get_host }}{% static 'favicon.ico' %}" type="image/x-icon" />
+  {# --- Favicons --- #}<link rel="icon" href="{{ request.scheme }}://{{ request.get_host }}{% static 'favicon.ico' %}" type="image/x-icon" />
   <link rel="icon" type="image/png" href="{% static 'favicon-96x96.png' %}" />
   <link rel="icon" href="{% static 'favicon-light.svg' %}" type="image/svg+xml" media="(prefers-color-scheme: light)" />
   <link rel="icon" href="{% static 'favicon-dark.svg' %}" type="image/svg+xml" media="(prefers-color-scheme: dark)" />
@@ -87,8 +79,7 @@
 {# Футер #}<footer class="footer mt-auto py-2 mt-4">
   <div class="container d-flex justify-content-between align-items-center">
     <span class="text-muted small nowrap me-2">&copy; Sergei Erjemin, 2025&ndash;{% now 'Y' %}.</span>
-    <nobr class="text-muted small mx-2"><i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i>v0.1.3 / v0.2.0
-    </nobr>
+    <nobr class="text-muted small mx-2"><i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i><a href="/changelog">v0.1.4 / v0.2.3</a></nobr>
     {# Сводная статистика (HTMX) #}<span class="text-muted small ms-2" hx-get="{% url 'stats_summary' %}" hx-trigger="load">
       ...
     </span>

etpgrf_site/typograph/templates/typograph/index.html

@@ -38,10 +38,18 @@
 
         {# ГЛАВНОЕ ПОЛЕ ВВОДА #}
         <div class="mb-3">
-          <label class="form-label fw-bold small text-muted ls-1">
+          <div class="d-flex justify-content-between align-items-end mb-2">
+            <label class="form-label fw-bold small text-muted ls-1 mb-0">
               <i class="bi bi-file-text me-1"></i> Исходный текст:
             </label>
-          <textarea class="form-control" name="text" rows="10" placeholder="Вставьте текст сюда..."></textarea>
+            <div class="d-flex align-items-center">
+                <span id="char-count" class="small text-muted me-3 nowrap">0 симв.</span>
+                <button type="button" id="btn-clear" class="btn btn-sm btn-outline-secondary" title="Очистить поле">
+                  <i class="bi bi-trash me-1"></i> Очистить
+                </button>
+            </div>
+          </div>
+          <textarea class="form-control" name="text" id="source-text" rows="10" placeholder="Вставьте текст сюда..."></textarea>
         </div>
 
         {# Блок настроек (Collapse) #}
@@ -221,7 +229,7 @@
                     <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>
+                      <label class="form-check-label fw-bold" for="optSanitizer">Очистка от&nbsp;HTML (Sanitizer)</label>
                     </div>
                     {# Настройки группы "Санитайзер" (видны, когда включено) #}
                     <div class="ms-3 mt-1" x-show="enabled" x-transition>
@@ -256,7 +264,7 @@
                           Юникод (Unicode)
                         </option>
                         <option value="mnemonic"
-                                data-desc="Совместимость. Все спецсимволы заменяются на&nbsp;HTML-мнемоники (&amp;amp;mdash;, &amp;amp;copy; …).">
+                                data-desc="Совместимость c&nbsp;koi8r и&nbsp;cp1251. Все спецсимволы заменяются на&nbsp;HTML-мнемоники (<tt>&amp;amp;mdash;</tt>, <tt>&amp;amp;copy;</tt> и&nbsp;пр.)">
                           Мнемоники (Mnemonic)
                         </option>
                       </select>

etpgrf_site/typograph/templatetags/typograph_extras.py

@@ -1,5 +1,6 @@
 from django import template
 from django.utils.safestring import mark_safe
+import html
 
 register = template.Library()
 
@@ -43,3 +44,22 @@ def humanize_num(value):
         
     except (ValueError, TypeError):
         return value
+
+
+@register.filter(name='unescape')
+def unescape_filter(value):
+    """
+    Декодирует HTML-сущности (  -> ' ', — -> —)
+    и удаляет лишние пробелы и переводы строк.
+    Полезно для мета-тегов (title, description, og:title).
+    """
+    if not value:
+        return ""
+        
+    # 1. Декодируем сущности
+    text = html.unescape(str(value))
+    
+    # 2. Удаляем лишние пробелы и переводы строк
+    # split() без аргументов разбивает по любым пробельным символам (\n, \t, space)
+    # " ".join(...) собирает обратно через один пробел
+    return " ".join(text.split())

poetry.lock

@@ -58,13 +58,13 @@ bcrypt = ["bcrypt (>=4.1.1)"]
 
 [[package]]
 name = "etpgrf"
-version = "0.1.3"
+version = "0.1.4"
 description = "Electro-Typographer: Python library for advanced web typography (non-breaking spaces, hyphenation, hanging punctuation and ."
 optional = false
 python-versions = ">=3.10"
 files = [
-    {file = "etpgrf-0.1.3-py3-none-any.whl", hash = "sha256:38212713f957ecf12d7e5fd6a11c77995bf41e16cbca4250411fa450ba290d62"},
-    {file = "etpgrf-0.1.3.tar.gz", hash = "sha256:f611948fe747c5470ba27b31d8af5c59a219d58efd033079491c9e61e011e4d0"},
+    {file = "etpgrf-0.1.4-py3-none-any.whl", hash = "sha256:62d4371e1b5fab06b99f79bd351767aed8baf7d041cae7e5d4eb63f7c9545114"},
+    {file = "etpgrf-0.1.4.tar.gz", hash = "sha256:c699382c292e3110915331dd5539e7dde0c961e4f4ca65cf8db0e01e84dab72f"},
 ]
 
 [package.dependencies]
@@ -572,4 +572,4 @@ files = [
 [metadata]
 lock-version = "2.0"
 python-versions = "^3.13"
-content-hash = "fad76f5756ffa133d1778a1976fd5216450ebf83881fcfacee259b7c41102317"
+content-hash = "9610a92fa47d1bd0849512ae842b0fdd68dc06d9917ab676cf5d8f6521700837"

public/static/css/etpgrf.css

@@ -176,7 +176,7 @@ body {
 }
 
 /* Футер */
-.footer {
+footer.footer {
   flex-shrink: 0;
   padding: 1rem 0;
   margin-top: 2rem;
@@ -185,6 +185,15 @@ body {
   color: var(--bs-navbar-color);
   font-size: 0.9rem;
 }
+footer.footer a {
+  color: var(--bs-primary);
+  text-decoration: none;
+  border-bottom: 1px dotted var(--bs-primary);
+}
+footer.footer a:hover {
+  border-bottom-style: solid;
+  color: var(--bs-link-hover-color);
+}
 
 /* === ПЕРЕОПРЕДЕЛЕНИЕ КОМПОНЕНТОВ BOOTSTRAP === */
 
@@ -196,6 +205,17 @@ body {
   --bs-btn-hover-border-color: var(--bs-link-hover-color);
   --bs-btn-active-bg: var(--bs-link-hover-color);
   --bs-btn-active-border-color: var(--bs-link-hover-color);
+  transition: background-color 0.8s;
+}
+
+.btn-secondary {
+  --bs-btn-bg: var(--bs-border-color);
+  --bs-btn-border-color: var(--bs-navbar-bg);
+  --bs-btn-hover-bg: var(--bs-border-color);
+  --bs-btn-hover-border-color: var(--bs-border-color);
+  --bs-btn-active-bg: var(--bs-border-color);
+  --bs-btn-active-border-color: var(--bs-border-color);
+  transition: background-color 0.8s;
 }
 
 /* В темной теме текст на кнопке должен быть темным */

public/static/js/index.js

@@ -23,6 +23,34 @@ const btnCopy = document.getElementById('btn-copy');
 const sourceTextarea = document.querySelector('textarea[name="text"]');
 const processingTimeSpan = document.getElementById('processing-time');
 
+// --- ОЧИСТКА И СЧЕТЧИК ---
+const btnClear = document.getElementById('btn-clear');
+const charCount = document.getElementById('char-count');
+
+if (sourceTextarea && charCount) {
+    function updateCharCount() {
+        const count = sourceTextarea.value.length;
+        // Форматируем число с разделителями тысяч (1 234)
+        charCount.textContent = `${count.toLocaleString('ru-RU')} симв.`;
+    }
+
+    sourceTextarea.addEventListener('input', updateCharCount);
+    
+    // Инициализация с задержкой, чтобы браузер успел восстановить состояние формы
+    setTimeout(updateCharCount, 100);
+    
+    if (btnClear) {
+        btnClear.addEventListener('click', () => {
+            sourceTextarea.value = '';
+            updateCharCount();
+            sourceTextarea.focus();
+            
+            // Сбрасываем результат (триггерим событие input, чтобы сработал существующий обработчик)
+            sourceTextarea.dispatchEvent(new Event('input'));
+        });
+    }
+}
+
 const themeCompartment = new Compartment();
 function getTheme() {
   return window.matchMedia('(prefers-color-scheme: dark)').matches ? oneDark : [];

pyproject.toml

@@ -11,7 +11,7 @@ python = "^3.13"
 django = "^6.0"
 gunicorn = "^23.0.0"
 python-dotenv = "^1.2.1"
-etpgrf = "^0.1.3"
+etpgrf = "0.1.4"
 # lxml = "^5.1"               # etpgrf подтянет как зависимость
 # regex = "^2023.12"          # etpgrf подтянет как зависимость
 # beautifulsoup4 = "^4.10.0"  # etpgrf подтянет как зависимость