# Добавить форматы нумерации для ссылок

**URL:** https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859
**Category:** Feature
**Tags:** footnote
**Created:** [03.Декабрь.2021 17:43:08 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859 "2021-12-03T17:43:08Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [03.Декабрь.2021 17:43:08 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859/1 "2021-12-03T17:43:08Z")

</div>

Когда я создаю сноски в редакторе на своём сайте, в предпросмотре они отображаются вот так:

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/f/2f9d743fd1c0d27be55c79db64483a6883333a75.png)

а в самом посте — вот так:

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/d/8ddc41513ca72913de4580165c7dcbca2ec657de.png)

Это… намеренно? Можно ли настроить такое поведение?

Также было бы здорово иметь возможность выбирать нумерованные сноски в разных стилях, например [1], 1 или ①, или даже использовать традиционную последовательность \*, †, ‡, §, ‖, ¶, или часто применяемую \*, \*\*, \*\*\*, \*\*\*\*.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [03.Декабрь.2021 18:03:27 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859/2 "2021-12-03T18:03:27Z")

</div>

В [плагине OP](https://meta.discourse.org/t/discourse-footnote/84533) говорится, что элемент `<kbd>...</kbd>` обеспечивает встроенное раскрытие и может управляться следующей настройкой:

> [@sam](#):
>
> Кроме того, вы можете включить или отключить «встроенное» раскрытие с помощью `display_footnotes_inline`.

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [04.Декабрь.2021 16:07:28 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859/3 "2021-12-04T16:07:28Z")

</div>

Ах, спасибо. Я совсем упустил это, хотя оно прямо здесь.

Но то, что мне на самом деле нужно, это _нумерованное_ поведение, но с разворачиванием построчно и, возможно, с разворачиваемым блоком “сносок” внизу.

---

<div class="post-metadata">

### Author: ![mlgtechuser](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mlgtechuser/32/262708_2.png) [@mlgtechuser](https://meta.discourse.org/u/mlgtechuser)
#### Post date: [23.Июнь.2022 12:11:40 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859/5 "2022-06-23T12:11:40Z")

</div>

> [@Matthew Miller](#):
>
> Хотя на самом деле я хочу нумерованное поведение, но с развёртыванием построчно и, возможно, с возможностью раскрывать «сноски» внизу.

Это было бы отлично. Я считаю, что кнопка с многоточием … сильно нарушает текст, и я _ **гораздо** _ предпочёл бы надстрочный индекс. В окне предпросмотра редактора нумерованная сноска появляется внизу, а две метки (встроенная и сноска в подвале) выглядят как гиперссылки друг на друга — хотя это может быть просто из-за ссылки `label()` в коде программы. «Сноска внизу» (что _должно_ было бы быть тавтологией, но не является, поскольку мы смешали встроенную заметку и сноску с помощью этой функции) даже использует символ «возврата» ‘ **`↩︎`** ’ в качестве якоря ссылки.

У меня нет установки Discourse для тестирования настроек, но я надеюсь, что отключение `display_footnotes_inline` приведёт к стандартной сноске в стиле APA.

Встроенная заметка имеет своё место, и на `dscuss.python.org` нет консенсуса относительно того, что предпочтительнее: встроенная заметка или сноска. Мне нравятся оба варианта, и я хотел бы иметь их оба, но встроенные заметки оставляют желать лучшего. Вот список, который я составил во время обсуждения:

1. ПЛЮС: удобно; нажмите, чтобы показать.  
МИНУС: нельзя просто нажать ещё раз, чтобы скрыть. Требуется движение мыши перед кликом (к счастью, программное обеспечение легко изменять).  
СНОСКА: Сноска, отображаемая в окне предпросмотра редактора сообщения/поста, содержит гиперссылки, которые, похоже, можно использовать для быстрого и удобного перехода к заметке и обратно к тексту. Сама заметка даже использует символ «возврата» в качестве гиперссылки.

2. ПЛЮС: удобно; прочитайте заметку на месте и продолжайте.  
МИНУС: визуально мешает в текущей реализации.  
Графика кнопки с многоточием значительно контрастирует с окружающим текстом и не эстетична (к счастью, программное обеспечение легко изменять — вы видите тему). Многоточие могло бы быть гораздо меньше и всё равно выполнять свою функцию.  
СНОСКА: Надстрочный индекс сноски незаметен, особенно с текстом гиперссылки низкой контрастности в тёмной теме.

3. ПЛЮС: хорошо для коротких дополнительных заметок.  
МИНУС: длинные фрагменты накладываются на текст и нарушают ориентацию читателя в абзаце. Это может быть резким, визуально.  
СНОСКА: Поскольку сноски по сути являются приложением, они могут быть длинными, не нарушая «поток» чтения основного текста.  
СНОСКА: Сноска, представленная на чистом/ясном фоне с полями со всех сторон, выглядит более плавно (менее шумно), чем всплывающая заметка, наложенная на текст сообщения/поста.

---

<div class="post-metadata">

### Author: ![iamntz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/iamntz/32/114670_2.png) [@iamntz](https://meta.discourse.org/u/iamntz)
#### Post date: [22.Июнь.2023 08:54:32 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859/6 "2023-06-22T08:54:32Z")

</div>

Немного запоздало, но чтобы отображать цифры вместо многоточия (пока примечание всё ещё показано во всплывающей подсказке), можно воспользоваться небольшим фрагментом CSS:

```css
.cooked.inline-footnotes {
  counter-reset: foot-note;
}

.inline-footnotes a.expand-footnote {
  text-decoration: none !important;
  font-size: 0.77em;
  vertical-align: super;
  min-height: unset;
  border: 1px solid var(--primary-medium);
  padding: 0 0.4em;
  vertical-align: super;
}

.inline-footnotes a.expand-footnote:before {
    counter-increment: foot-note;
    content: counter(foot-note);
}

.inline-footnotes a.expand-footnote svg {
  display: none;
}

/* всё ниже — дополнительная настройка */

#footnote-tooltip {
  border: 1px solid var(--primary-medium);
}

#footnote-tooltip #arrow:before {
  border-top: 1px solid var(--primary-medium);
  border-left: 1px solid var(--primary-medium);
}

#footnote-tooltip[data-popper-placement^=bottom]>#arrow {
  top: -6px !important;
}

```

Результат выглядит так:

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/8/7/9871de4d939922fb854604ee6a53092a4a75e7d4.png)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [22.Июнь.2023 10:44:02 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859/7 "2023-06-22T10:44:02Z")

</div>

Вау, очень круто, @iamntz, я точно буду это использовать 🙂

---

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [23.Июнь.2023 09:47:49 UTC](https://meta.discourse.org/t/add-numbering-formats-to-footnotes/230859/9 "2023-06-23T09:47:49Z")

</div>

Отличная работа! Я развернул это на своём форуме, и всё работает просто замечательно!
