Новое в версии 1.38

document.addEventListener('DOMContentLoaded', function () {
  const articleContent = document.querySelector('.article-text'); // замени на класс твоего контейнера с текстом
  const tocContainer = document.getElementById('table-of-contents');

  if (!articleContent || !tocContainer) return;

  const headings = articleContent.querySelectorAll('h3');

  let tocList = '<ul class="toc-list">';

  // Вставляем "Введение" — якорь к началу статьи
  tocList += `<li class="toc-item toc-intro"><a href="#top">Введение</a></li>`;

  // Добавляем якорь в начало статьи
  const topAnchor = document.createElement('div');
  topAnchor.id = 'top';
  articleContent.prepend(topAnchor);

  const usedIds = new Set();

  headings.forEach((heading) => {
    // Преобразуем текст в безопасный ID
    let baseId = heading.textContent
      .toLowerCase()
      .trim()
      .replace(/[^\wа-яё\- ]+/gi, '') // убираем спецсимволы
      .replace(/\s+/g, '-'); // пробелы заменяем на тире

    let uniqueId = baseId;
    let counter = 1;
    while (usedIds.has(uniqueId)) {
      uniqueId = `${baseId}-${counter++}`;
    }
    usedIds.add(uniqueId);

    heading.id = uniqueId;

    tocList += `<li class="toc-item toc-${heading.tagName.toLowerCase()}">
      <a href="#${uniqueId}">${heading.textContent}</a>
    </li>`;
  });

  tocList += '</ul>';
  tocContainer.innerHTML = tocList;
});