• 소개글
  • 매개변수
  • 로그 업데이트
  • 평가하다
  • 가이드

FinchUI Article Direct ory Navig ator (f ui _ toc) 는 Fin ch UI 시리즈 의 Z - Blog PHP 플 러 그 인 으로 , 기사 제목 을 자동 으로 분석 하고 진정한 트 리 중 첩 디 렉 토 리를 생성 합니다 .단순 성 , 테 두 리 카드 , 부동 사이 드 바 세 가지 표시 스타 일을 지원 하며 제목 수준 , 자동 번호 매 기 기 , 기본 축 소 , 스크 롤 강조 표시 및 삽 입 위치를 자유롭게 구성 할 수 있습니다 .

스타일은 Finch UI 2. 0 디자인 사양을 따르고 내장된 어두운 모드 적응 - 외부 컨테이너에 `. fui - dark` 를 추가하면 자동으로 전환됩니다.

백그라운드에는 밝은 색상 모드에서 제목 및 링크 색상을 사용자 정의할 수 있는 색상 선택기가 있습니다.

프론트 오피스 상호 작용은 제 3 자 의존도가없는 순수한 네이티브 JS 에 의해 구동됩니다.


작업 업그레이드 로그

https://ko.finchui.com/showcase/fui_toc_changelog.html


플러그인 프런트엔드 효과

현재 페이지에 표시되는 대로 테두리 스타일이 사용됩니다.


플러그인 설정 스크린샷

기본 설정

디렉토리 생성

문서 제목을 자동으로 구문 분석하여 실제 트리 중첩 디렉토리를 생성합니다.
  • 다단계 중첩 디렉토리

    진정한 울/리 트리 구조현재 하위 막대에 <unk> 계층 기호가 표시됩니다.

  • 제목 계층의 자유로운 선택

    h2~h6 지원객관식 조합, 유연한 구성

  • 독특한 앵커 ID

    제목에 대한 ID 속성을 자동으로 생성합니다.충돌을 피하기 위해 -2와 -3을 같은 제목에 자동으로 추가합니다.

  • 최소 제목 임계값

    제목 수가 설정 값보다 낮을 경우 디렉토리가 표시되지 않습니다.짧은 기사에서 중복 디렉토리 방지

  • 자동 번호 지정

    디스플레이 레벨 번호 지정 옵션형식: 1./1.1./1.1.1.

  • 위치 삽입

    기사 상단첫 단락 이후첫 번째 제목 전

  • 장치 제어 표시

    PC와 모바일 엔드 디스플레이가 동시에 표시됩니다.PC에서만 표시모바일 엔드 디스플레이만

카탈로그 스타일

FinchUI 2.0 설계 사양을 따르는 세 가지 디스플레이 스타일
  • 미니멀리스트 스타일 (심플)

    배경 없음 테두리 없음제목 표시줄 아래의 얇은 선 구분 기호텍스트 유형 설정 통합

  • 국경 카드(상자)

    테마의 표면 배경을 따르십시오.둥근 테두리제목 바 파란색 맨 아래 선

  • 플로팅 사이드바(플로팅)

    페이지 오른쪽에 고정페이지가 스크롤될 때 계속 표시됩니다.작은 화면이 자동으로 인라인 모드로 돌아갑니다.

  • 다크 모드

    FinchUI 2.0 다크 사양을 따르십시오.외부 레이어 플러스 .fui-Dark 자동 전환

  • 사용자 지정 색상표

    배경 색상 선택기 세트 제목 색상배경 색상 선택기 설정 링크 색상다크 모드에 영향을 주지 않음

인터랙티브 기능

타사 종속성이 없는 순수 네이티브 JavaScript 드라이버
  • 접기/펼치기

    전환하려면 제목 표시줄을 클릭하십시오.지원 키보드 입력/공간 작업기본 접기를 설정할 수 있습니다.

  • 스크롤 하이라이트

    스크롤하는 동안 실시간으로 현재 장 태그부동 사이드바 모드가 가장 잘 작동합니다.닫기 가능

  • 부드러운 점프

    항목을 클릭하여 해당 제목으로 부드럽게 스크롤합니다.고정 상단 막대 오프셋 구성을 지원합니다.

  • 접근성 지원

    ARIA 속성 주석키보드 초점 스타일

싫다0
버전 번호
1.0.4
작업 ID
fui_toc
저자 공식 웹사이트
https://ko.finchui.com/
절차 요구 사항
1.7.2
PH 버전
5.6
패키지 크기
169.19 KB
  • 202609-30

    v1.0.4

    FinchUI 조명 및 다크 모드, 통합 디렉토리 테마 스타일을 조정합니다.

    • 최적화디렉토리 텍스트, 배경, 테두리, 둥근 모서리 및 스크롤 막대가 FinchUI 테마 변수에 연결되어 밝은 모드와 어두운 모드를 자동으로 따릅니다.
    • 변경배경 사용자 지정 제목 색상 및 링크 색상이 디렉토리 로컬 변수로 변경되고 프레임 테마 색상 구성표가 다크 모드에서 선호됩니다.
    • 안전전경에 사용자 지정 색상을 출력하기 전에 16진수 색상 형식 확인을 추가합니다.
  • 202609-05

    v1.0.3

    디렉토리 스타일은 구성 항목 보호 및 운영 호환성을 향상시키기 위해 요청 시 로드됩니다.

    • 최적화문서 디렉토리가 실제로 생성된 경우에만 디렉토리 스타일을 로드하고 중복 출력을 방지합니다.
    • 복구mb문자열 확장이 설치되지 않은 경우 디렉터리 앵커 생성이 더 이상 발생하지 않습니다.
    • 안전구성 페이지는 관리자 인증 후 App Center 또는 Finch Store가 사용 가능한지 확인합니다.
    • 변경애플리케이션 ID, 호환 환경, 가격 및 업데이트 요약의 패킹 목록을 작성합니다.
  • 202603-13

    v1.0.2

    디렉토리에 대한 제한은 기사 페이지에서만 적용됩니다.

    • 복구디렉토리 플러그인은 이제 문서 페이지에서만 작동하며 독립 실행형 페이지(페이지 관리에서 만든 페이지)는 더 이상 디렉토리를 생성하지 않습니다.
  • 202603-07

    v1.0.1

    첫 번째 릴리스

    • 새로 추가첫 번째 릴리스

아마 좋아하실 겁니다.

공유

링크 복사
출 근 시간 : 9: 00 ~ 22: 00
토요일, 일요일: 14: 00 - 22: 00
wechat
코드를 스캔하여 고객서비스 위챗을 추가하다