nawega / namumark

퍼가요~

소개

PHP 나무마크 렌더러를 만듭니다.

php-namumark를 수정했습니다.

사용법

// $text 값에 RAW 텍스트를 지정합니다.

$PW = new WikiPage($text);
$NM = new NamuMark($PW);
$tk = $NM->parse($text); // 토큰화 결과
$NM->toHTML($tk); // HTML 변환 결과
$NM->category; // 분류 목록

참고사항

CSS

동봉된 namumark.css를 불러오시면 됩니다.

렌더링된 HTML이 'w' class를 가진 요소 안에 있어야 합니다.

<!--예시-->
<div class="w">
  <!--렌더링 결과-->
</div>

수식

파서 상에는 수식 처리 영역이 없어 수식(TeX) 문법 지원을 위해서는 KaTeX 라이브러리가 필요합니다.

다음 코드를 HTML 영역의 태그 안에 붙여 넣으시면 됩니다.

<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous"/>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<script>
  document.addEventListener("DOMContentLoaded", () => {
    renderMathInElement(document.body, {
      delimiters: [
        { left: "[math(", right: ")]", display: false },
      ],
    });
  });
</script>

목차

목차 접힘을 구현하기 위해서는 HTML 상에 다음 코드가 필요합니다.

// 추가 예정

토론

토론에서도 나무마크를 사용할 수 있지만, 일부 문법은 사용이 불가합니다. 아래는 사용 가능한 문법 목록입니다.

• 텍스트 효과
• 텍스트 크기
• 텍스트 색상
• 하이퍼링크
• 문단
• 리스트
• 각주
• 인용문
• 수평줄
• 목차
• 각주
• 개행 매크로
• 표
• 접기
• 문법 무효화

다음 문법은 토론에서 사용할 수 없습니다.

• 분류
• 리다이렉트
• 사진
• 동영상
• 일부 매크로
• 앵커
• pagecount
• 루비
• TeX 문법
• HTML

주의사항

AGPL 3.0 라이선스에 따라 사용 시 소스코드를 공개하여야 합니다. 또한 기여자는 코드에 대해 책임을 지거나 보증하지 않습니다.