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

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

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

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

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

В плагине OP говорится, что элемент <kbd>...</kbd> обеспечивает встроенное раскрытие и может управляться следующей настройкой:

1 лайк

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

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

3 лайка

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

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

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

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

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

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

1 лайк

Немного запоздало, но чтобы отображать цифры вместо многоточия (пока примечание всё ещё показано во всплывающей подсказке), можно воспользоваться небольшим фрагментом 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;
}

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

8 лайков

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

2 лайка

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

2 лайка