웹솔루션개발 25년 노하우! 해피CGI의 모든것

http://www.jeasyui.com/ 사이트 접속후 Demo 메뉴을 클릭하시면 아래와 같은 jqurey 소스를 종류별로 확인할 수 있습니다. 원하시는 jqurey 소스를 클릭하시면 1개의 소스에 파생되는 몇가지 다른형태의 모양을 가진 소스를 확인할 수 있으며, 선택된 소스별로 하단에 소스코드를 확인하실 수 있습니다. 위 내용을 토대로 원하는대로 디자인을 입혀 사이트에 반영 하시거나 고급자분들은 응용하실 수 있습니다.^^

* ckeditor - Code Snippet - 이 플러그인은 에디터네 소스코드 삽입시 구문 강조를 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/codesnippet - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'codesnippet'; - 툴바에 추가된 아래 아이콘을 눌러 소스코드를 입력합니다. - 입력 후 [확인] 버튼을 누르면 에디터에 아래와 같이 소스코드가 강조되어 보여집니다.

웹페이지에 코드를 입력하면 자동으로 코드정리기 기능이 실행되는 사이트로, 컴퓨터에 코드정리기 툴이 없을때 소스를 정리하고자 한다면 유용한 사이트로 추천드립니다. 사이트 이름은 jsbeautifier로 사이트에 접속 후 내가 작성해둔 html 코드나 자바스크립트를 입력하고 아래의 [beautify javascript or html] 버튼을 클릭해주면 코드가 예쁘게 정리됩니다.