사설:
자... 사설은 여기까지!
알릭 + 에디터 = 알.디.터 입니다. (이름이
좀....ㅡ.ㅡ 그래도 편의상 이하 앞으로 주욱~ 알디터라 호칭함.)
현재 이곳에 적용되어있습니다. 글작성시나, 코멘트 입력시에 나타납니다.
(테스트도 할겸 유용한 정보나 인사말들 남겨주심이....ㅋㅋㅋ
그게 싫으시면 샘플페이지로
ㅡ.ㅡ)
0. 주요기능:
- HTML 내부에 있는 Textarea 를 위지윅(WYSIWYG) 에디터로 변환합니다.
- 한 페이지내 다수의 Textarea 를 선별적(Textarea 태그의 속성에 editable=0 추가시 변환되지 않음)으로 또는 전체
변환(기본 설정) 가능합니다.
1. 기능적 특징:
- 설치가 간편합니다. (게시판의 경우 상단에 딱 한줄 추가 ^^)
- 게시판의 스킨처럼 툴바의 버튼세트를 지원합니다.
- IE, Firefox 모두 지원합니다. (그외 브라우져는 잘 모르겠음 ㅡ.ㅡ)
- 기능들 및 기타 세부사항 거의 모두 설정가능합니다.
- 에디터에 들어갈수 있는 기능들중 제 개인적으로 필수라고 생각하는 기능들만 넣었습니다.
- 높이 및 넓이 설정이 쉽습니다. (교체되는 textarea 의 높이와 넓이가 그대로 적용됨)
2. 세부기능 설명:
- 글이나 개체를 감싸고 있는 태그가 표시되며 선택, 무효화 가능합니다.
- 글쓰기 영역을 드레그로 리사이즈 가능합니다.
- 글 내용에 맞게 글쓰기 영역이 늘어나는것도 가능합니다.
- 툴바를 드레그해서 위치를 이동하는것도 가능합니다.
- IE 에서 엔터 한번 입력은 줄바꿈, 두번입력은 문단바꿈으로 인식됩니다.
- Tab 키는 공백 X 4 로 인식합니다.
- 자체적으로 글 날림방지용 내용복사 기능이 있으며 Firefox 도 지원합니다.
- 자체적으로 내용의 최소 길이 제한 기능이 있습니다.
- 자체적으로 외부이미지를 계정에 끌어와서 저장하는 기능을 지원합니다.
- 에디터의 특성상 IE 에서 자동생성되는 링크들의 타겟을 새창으로 바꿔줍니다.
- html 소스에서 <br>, <img> 를 <br />, <img /> 으로 바꿔줍니다.
- 다양하고 예쁜 div 상자 입력을 지원합니다.
- 보이기 / 감추기 기능을 지원합니다.
- 손쉬운 테이블 입력을 지원합니다.
- 멀티미디어 화일들의 바로재생 기능을 지원합니다.
- flv 화일삽입시 플레이어를 지원합니다.
- 이모티콘을 지원합니다.
- 미리보기를 지원합니다.
- 이미지 와 링크삽입 기능을 지원하며 삽입된 개체의 수정도 가능합니다.
- 최대한 별탈없이 돌아가도록 노력했습니다...^^
- ...그 외 다수(자잘한....제가 지금 기억못하는 기능들이 아마 더 있을겁니다...ㅡ.ㅡ)
3. 기본 설치법:
- alditor.zip다운받아서 임의의 폴더에 압축을 푸신후...
(2006-11-06 최신버전
입니다.)
- 계정의 루트(최상위 폴더)에 alditor 라는 폴더를 만드시고 그 안에 화일들을 모두
넣어줍니다.
(계정/alditor/sample.html 에서 경로등이 정상인지 확인하실수 있습니다.)
- 에디터가 필요한 페이지 (textarea 가 있는 페이지) 의 상단에
<script language="JavaScript"
type="text/javascript" src="/alditor/alditor.js"></script>
를
추가해줍니다.
게시판의 경우 관리자페이지에서 상단에 추가되는 html 부분에 넣어주시면 됩니다.
- 게시판이 아닌경우 (즉, 글 입력하는곳과 내용이 보여지는 부분이 전혀 다른구조) 에는
내용이 보여지에도 <script
language="JavaScript" type="text/javascript"
src="/alditor/alditor.js"></script> 를 추가해줘야 내용이 잘 나옵니다.
- 외부이미지 저장기능을 사용하실거라면 saveimage.php 와 saveimageFF.php 두 화일을 여시고 주석을 참고 하시면서
상단부를 설정해주십시오. (될수있으면 삭제기능을 지원하는 게시판에 적용하는
방법 을 추천합니다. 알디터에 들어있는 기능은 자동삭제 기능이 없습니다.)
4. 세부 설정:
- alditor.js 화일의 상단에 상세히 주석으로 설명되어있습니다. 참고하시면서 각각의 설정 변수들을 사용자가 원하는데로 설정하십시오.
(현재 이곳과 같은환경으로 설정되어 있음.)
- 기능들을 최소화할수록 에디터는 가벼워져서 실행이 수월해 집니다. ^^
- 에디터의 시각적인 부분은 alditor.css 를 수정하시면 됩니다. alditor.css 는 사용중인 버튼세트의 폴더에 들어있습니다.
- 각각의 버튼세트는 buttons 폴더안에 폴더로 추가됩니다. 구조 및 이미지 화일이름들은 기본세트를 참고하세요.
- 이모티콘은 emoticons 폴더안에 넣어주시면 됩니다. 이때 화일이름들은 1 부터 시작해서 순차적으로 증가하는 구조를 유지해주셔야 하며
gif 화일이어야 합니다..
- alditorInnerContent.css, alditorInnerContent.js 화일은 미리보기에서 사용되는 css 와 js
입니다.
- 최대한 주석을 참고하며 구조를 이해하시길 바라며 그외 문의사항은 이곳의 Questions 에 남겨주십시오.
- 에디터의 글쓰기 영역의 높이와 넓이는 삽입되어있는 textarea 와 같습니다. 고로 높이및 넓이 설정은 페이지에 원래 들어있는
textarea 를 수정하시면 됩니다.
5. 라이센스 정보:
- 소스의 수정/배포 불가
- 화일의 직접 링크 (개인 유포) 불가
- 개인적인 용도로 사용가능하며 상업적 사용시 제작자에게 연락 요망.
- 소스 배포, 업데이트 및 기능 추가등은 모두 http://www.alik.info 에서 확인 요망.
- 건의사항 및 수정사항 또한 http://www.alik.info 로 문의 요망
- 소스를 제외한 버튼 아이콘등 모든 이미지의 저작권은 이미지 제작자에게 있음.
*. 기능 구현에 있어서 많은 에디터들을 참고 했으며
팝업창에 사용된 스타일은 미니위니에디터를
참고하였습니다.
(에디터에 관심갖을수 있도록 멋찐 미니위니에디터를 제작하신 위쯔님께 감사를 ^^)
*. 게시판별,
상황별 더욱 자세한 설치방법은 차후에 이곳에 등록될것이며 업데이트및 기능추가등도 이 게시판에 등록될것입니다..
설치후 게시판에서 알디터 업데이트글이 있다면 꼭 참고하세요.
· 줄간격 
