Jsfiddle iframe 적용 시 상단탭 수정(추가, 삭제)하기

보통 개발과 관련된 포스팅 시 원하는 소스 코드를 내용에 포함 시키기 위해 유용한 사이트인 Jsfiddle(소스 관리 및 배포)  사용하고 한다.

아래 내용은 Jsfiddle 에서 제공하는 세 가지 공유하는 방식(source, result, iframe links) 중 하나인 "iframe" 방식의 상단 메뉴를 수정(추가, 수정, 삭제)하는 방법이다.

- 제공되는 iframe URL:

"http://jsfiddle.net/zalun/NmudS/embedded/result,js,html,css/"(모든 탭 사용)

"http://jsfiddle.net/zalun/NmudS/embedded/js,html,css/"(result탭을 제외한 모든 탭 사용)

"http://jsfiddle.net/zalun/NmudS/embedded/result,html,js,css/"(js탭과 html탭 순서 변경)

위 예제와 같이 붉은 부분(result, js, html, css 등)을 원하는 순서로 수정하면 페이지에 노출되는 "iframe"의 상단탭 또한, 동일하게 변경되는 방식이다.

Jsfiddle URL: http://jsfiddle.net/