CMS 콘텐츠 페이지에서 동적으로 페이지 매김 만들기

Question

CMS 관리자가 내 CMS에서 콘텐츠 [기사] 페이지를 생성해야하는 요구 사항이 있습니다.

이 기사에서는 <h3> </h3> 태그로 묶인 많은 하위 헤더가 있습니다.

웹 페이지에서이 기사를 렌더링 할 때 기사에 하위 머리글의 번호가 매겨져 있어야합니다. 마찬가지로 한 문서에 5 개의 하위 헤더가있는 경우 페이지 매김을 클릭하여 각 하위 헤더를 탐색 할 수 있어야합니다. 그래서 동적으로 각 하위 헤더에 대한 페이지 매김을 작성해야합니다.

참고 : 모든 하위 헤더는 동일한 .aspx 페이지에서 렌더링되므로 한 번에 하나의 하위 헤더 만 표시됩니다.

내 질문에이 작업을 수행하는 가장 좋은 방법은 무엇입니까? HTML에서 태그를 검색하고 각 섹션을 div로 표시하고 표시해야합니까? 더 좋은 아이디어는 ...?

CMS는 Ektron입니다.

Answer 1

야, 이건 간단하게 JQuery를 사용하여 구현 될 수있다.
는 하나 개의 문서는 한 페이지에 렌더링 가정하면 :

페이지에 그것의 지수에 따라 H3 요소에 클래스를 추가합니다. 에 따라

$('h3').addClass($(this).index())help

그리고 렌더링 페이지 번호 : 다음

$('h3').size() 

그리고 페이지 번호에 따른 관련 <H3> 태그를 표시하고 사용하여 다른 사람을 숨길

$('h3:not(.[your page number])').hide(); 

트릭을해야합니다. 더 나은 방법이 있어야하지만 작동합니다.

또한 이러한 태그를 사용하는 데주의해야합니다. 디자이너와 개발자가 동시에 코딩 할 때주의해야하므로주의해야합니다.