getTableOfContentsModelListHTML

3.2.0 버전부터 지원, 2.20.0 버전부터 지원합니다.

현재 에디터의 목차(TOC) 모델을 HTML 목록으로 반환합니다.

매개변수

이름타입속성설명
shouldAssignIdboolean기본값: falseTOC 모델에 새 ID를 할당할지 여부를 설정합니다. 아래 shouldAssignId를 참고합니다.

shouldAssignId

TOC 모델에 새 ID를 할당할지 여부를 설정합니다.

  • true일 때, 'toc_' 접두사가 적용된 ID가 사용됩니다. 저장/불러오기 후에도 본문의 TOC ID를 유지하려면 updateTableOfContentsIds를 호출하여 ID를 동기화해야 합니다.
  • false일 때, 에디터에서 내부적으로 사용하는 ID가 적용되며, 저장/불러오기마다 새로 부여됩니다. ID가 에디터의 내부 ID가 아닐 경우, 기존 ID는 저장/불러오기 시에 그대로 유지됩니다.

반환값

타입설명
stringTOC 모델 HTML 문자열입니다.

내용의 TOC 요소 ID를 TOC 모델과 동기화하려면 updateTableOfContentsIds를 호출합니다.

이 메서드는 에디터에서 실제 목차 요소의 ID를 최신 목차 모델과 일치하도록 갱신합니다.

예) editor.updateTableOfContentsIds();

예시

1.00

// Get the HTML List
var htmlString = editor.getTableOfContentsModelListHTML();
var htmlString = editor.getTableOfContentsModelListHTML(true);
// Synchronize the IDs of TOC elements in the content with the TOC model
editor.getTableOfContentsModelListHTML();
editor.updateTableOfContentsIds();

shouldAssignId: false

'<ol><li><a target="_self" href="#se_011fb8a1-b74d-49a9-a7ef-a16c3eecb939">H1</a><ol><li><a target="_self" href="#se_ab77dbab-8fcc-418a-bdd2-365930aab960">H2</a><ol><li><a target="_self" href="#se_2e4330a5-ef87-404c-99d3-1c6d79937289">H3</a><ol><li><a target="_self" href="#se_19102d03-cb41-430d-b9c9-b7a8ce823525">H4</a><ol><li><a target="_self" href="#se_c45d1628-cc3f-4ab2-b2bc-6cd23ef6fec1">H5</a><ol><li><a target="_self" href="#se_85d9cfed-46af-497d-9670-f85cc467dafa">H6</a></li></ol></li></ol></li></ol></li></ol></li></ol></li></ol>'

shouldAssignId: true

'<ol><li><a target="_self" href="#toc_011fb8a1-b74d-49a9-a7ef-a16c3eecb939">H1</a><ol><li><a target="_self" href="#toc_ab77dbab-8fcc-418a-bdd2-365930aab960">H2</a><ol><li><a target="_self" href="#toc_2e4330a5-ef87-404c-99d3-1c6d79937289">H3</a><ol><li><a target="_self" href="#toc_19102d03-cb41-430d-b9c9-b7a8ce823525">H4</a><ol><li><a target="_self" href="#toc_c45d1628-cc3f-4ab2-b2bc-6cd23ef6fec1">H5</a><ol><li><a target="_self" href="#toc_85d9cfed-46af-497d-9670-f85cc467dafa">H6</a></li></ol></li></ol></li></ol></li></ol></li></ol></li></ol>'