| [ HOOK : pdf 플러그인 ]
첨부파일을 다운로드 받아 압축을 풀고 pdf 폴더를 그누의 plugin 디렉토리로 업로드 합니다. 시간이 약간 걸립니다. |
1. extend 폴더의 user.config.php 의 적당위치에 아래의 코드를 입력합니다.
|
<?php add_event('tail_sub', 'pdf_mode'); function pdf_mode() { ?> <style>.pdf-div { height:0px; }</style> <script> if (document.getElementsByClassName("pdf-div")[0] !== undefined) { for (pdfDiv of document.getElementsByClassName("pdf-div")) { pdfDiv.heightPercent = pdfDiv.innerHTML.trim(); pdfDiv.innerHTML = "<iframe style=width:100%;height:100%;display:block;border:none src='<?php echo G5_PLUGIN_URL; ?>/pdf/web/viewer.html?file=" + pdfDiv.title + "'></iframe>"; pdfDiv.style.height = pdfDiv.offsetWidth * pdfDiv.heightPercent / 100 + "px"; pdfDiv.removeAttribute("title"); } addEventListener("resize", function() { for (pdfDiv of document.getElementsByClassName("pdf-div")) pdfDiv.style.height = pdfDiv.offsetWidth * pdfDiv.heightPercent / 100 + "px"; } ); } </script> <?php } ?>
|
2. 그누의 문서는 어떤 문서라도 common.php 가 인클루드 되어 있으면 아래의 코드로 pdf 가 보여집니다. 그리고 그 숫자는 몇개가 되어도 상관이 없습니다.
|
<div class="pdf-div" title="pdf경로">120</div>
|
3. 여기서 pdf경로는 동일계정의 주소라야 하며 120 은 가로 길이에 대한 세로의 퍼센테이지입니다.
4. 에디터 글쓰기시에는 다른부분은 관계가 없지만 pdf 코드를 작성할 때는 반드시 HTML 모드로 작성해야 합니다. 그리고 그 이후 다시 에디터모드로 돌아가면 되겠지요.
|
|
5. 예제링크 - http://www.mediaplayer.kr/main/tip/48
6. 많은 이들이 사용하고 있는 오픈소스롤 활용하였습니다. https://mozilla.github.io/pdf.js/
|