자바스크립트 "전용" 게시판 최종 버전
예전 게시판 - https://sir.kr/g5_skin/45324 의 버전업으로 더 이상 업뎃은 없습니다.
이 게시판은 오직 html+css+자바스크립트 로만 사용하여야 합니다.
1. 가장 먼저 첨부파일의 압축을 풀고 html_editor.php 를 bbs 폴더에 올려주세요.
물론 다른 경로로 올려도 되긴 합니다만... 다른 경로로 올렸으면 5번 설명글을 보세요.
http://www.mediaplayer.kr/main/bbs/html_editor.php
미리보기 에디터입니다. 가장 소박(?)하게 만들었습니다. 많은 멀티 기능이 탑재된 에디터들과는 비교가 안 되게 저렴합니다. 그래도 그럭저럭 html+css+자바스크립트의 결과보기 및 소스복사가 가능하고 색상코드 복사기능까지 붙였습니다. 또 창크기 조절 옵션도 있는데 이건 반응형을 염두에 두고 창크기를 왔다갔다 하면서 결과보기를 클릭하면 창크기에 맞게 조절이 가능한지를 실험해 볼 수 있게 하였습니다. 이것 자체로도 유용할 수 있을 거에요.
2. 글쓰기 입력창에 html+css+자바스크립트 소스를 넣은 후 미리보기 버튼 클릭하면 에디터가 새창으로 열리고 에디터의 좌측 입력창에 소스가 들어오면서 결과를 확인할 수 있습니다.
소스 수정시 이 에디터에서 수정한 후 복사하여 원래의 게시글 입력창으로 붙여넣기 해도 됩니다
3. https://sir.kr/g5_tip/16305 의 절대주소 추출기능도 같이 붙였습니다. 혹 소스를 짜면서 파일의 절대주소가 필요할 때 사용하세요.
4. 모바일에서는 view.skin 으로 보여지기만 할뿐 글쓰기가 불가능합니다. 물론 모바일에서 디바이스를 pc 로 선택하면 가능합니다.
5. 만일 에디터의 주소를 다른 경로로 올렸으면 pc 스킨의 write.skin.php 의 6째줄
$html_editor_url = "../bbs/html_editor.php";
의 주소를 경로에 맞게 수정합니다. http 로 시작하는 절대경로를 줘도 좋고 타사이트에 업로드하여 그 주소를 사용해도 괜찮습니다.
6. 아직은 미완성이지만 첨부파일로 사운드와 이미지만 업로드하면 자동으로 썸네일 리스트 버튼 갤러리가 만들어지는 갤러리 게시판 세팅을 생각하고 있는데... 그 초안 소스를 예제로 올려 드립니다. 에디터에서 직접 확인하거나 게시글을 통해 확인해 보세요.