FCKEditor 설정

FCKEditor 설치및설정 

FCKEditor압축파일을 다운받은후 푼다.

sample파일 : /FCKeditor/_sample  폴더 밑 sample파일
test파일 : /FCKeditor/_testcases 폴더 및 html 파일
editor페이지:  /FCKeditor/editor/fckeditor.html 과 fckeditor.original.html파일

1. fckeditor폴더를 서비스 root폴더에 푼다.

2. 에디터가 들어가는 페이지에 인클루드한다.

3. 편집기가 들어가는 위치에 다음의 코드를 삽입한다.
<%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/FCKeditor/"
oFCKeditor.Create "FCKeditor1"
%>

◆ Enter키 사용시

태그에서
태그 적용방법
fckconfig.js 중에 FCKConfig.UseBROnCarriageReturn = true ; 으로 변경

◆ 설정사항
설정파일 - fckeditor.asp
  sBasePath  = "/FCKeditor/"
  sWidth   = "100%" '너비
  sHeight   = "400"  '높이
  sToolbarSet  = "Default" '툴바 스타일
  sValue   = ""

◆ FCKeditor 제공하는 기본 언어/메뉴/스킨 변경
/FCKeditor/_sample폴더 밑에 sample파일 참조
<%
Dim sBasePath
sBasePath = "/FCKeditor/"

Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = sBasePath
%>

1. 언어변경 : sample2.asp 참조
  oFCKeditor.Config("DefaultLanguage")
2. 메뉴변경 : sample3.asp 참조
  oFCKeditor.ToolbarSet = Request.QueryString("Toolbar")
  value = Default , Basic
3. 스킨변경 : sample4.asp 참조
  oFCKeditor.Config("SkinPath") = sBasePath + "editor/skins/" & Request.QueryString("Skin") + "/"
  value = default.office2003,silver

◆ 도구모음 중 불필요한 도구 제거하기
/FCKeditor/fckconfig.js 파일에서
FCKConfig.ToolbarSets["Default"] 항목의 값중에 필요없는 도구를 제거한다.

◆ 아이콘 경로가 현재위치(/FCKeditor)부터 적용되어 있는걸 URL을 포함시키는 방법.
/FCKeditor/fckconfig.js 파일에서
[아이콘 경로]
FCKConfig.site_root_url = "url입력";
FCKConfig.SmileyPath = FCKConfig.site_root_url + FCKConfig.BasePath + 'images/smiley/msn/' ;

이미지 및 플래시 경로 변경도 비슷할듯 테스트 해봐야...

◆ FCKeditor 값 전송시 처리방법
replace함수를 써서 " -> '  으로 변환한다.
content = replace(Request.Form("FCKeditor1"),"""","'")

ps) FCKeditor는 입력값이 html변환시 내용중 "은 "로 변환되어 전송받은 페이지에서 정상적으로 보여지나, 입력값중에 태그에 의해 자동생기는 "은 전송받은 페이지에서 그대로 넘겨받아 해당페이지의 태그 속성값과 충돌이 생겨 깨진다. 이를 위해 넘기는 "은 '으로 변환한다.

◆ 전송받은 페이지에서 한글깨짐 처리방법
[%@ CodePage='949'  Language="VBScript"%] 삽입

------------------------------
3. 이미지 업로드
다~ 조은데 탭이 4개나 되고 복잡하더라고 머가 먼지...
그리고 회사에서 사용할건 이미지 업로드정도면 되는데 이건 서버파일 브라우져 기능도 있고... 머 어쨌던 다양한 기능이 기본제공되더라

사용해보나까 이미지 업로드 되면 파일정보를 보여주고 간단한 크기조정이나 레이아웃 같은거도 조정이 가능하더라고 어찌나 조은지..ㅎㅎ

문제는 이 두가지(레이아웃조정, 업로드)말고 다른건 별로 쓸일이 없는거였고
또 다른 문제는 팝업창이 뜰때 레이아웃조정하는 탭이 기본으로 뜬다는거... 업로드 창이떠야 당황스럽지 않겠지??

버튼추가할때 참고했던 okjsp글에서 버튼관련 부분은 fckeditorcode_ie_2.js(익스플로러), fckeditorcode_gecko_2.js(네스케이프 등 기타 브라우져) 이거 두개를 고치면 된다고 하더군

오케바뤼~ 수정~!!
첫번째 사용하지 않는 탭제거
fckconfig.js안에 있는 값만 조정하면 되더군

FCKConfig.ImageDlgHideLink  = true ; -> 링크관련탭
FCKConfig.ImageDlgHideAdvanced = true ; -> '자세히보기'탭
두개 기본값이 false인데 true로 변경..

두번째 파일브라우징 제거
역시나 fckconfig.js안에 있는 값
FCKConfig.LinkBrowser = false ; -> 링크파일보기
FCKConfig.ImageBrowser = false ; -> 이미지 파일보기
FCKConfig.FlashBrowser = false ; -> 플래시 파일보기
두개 기본값이 true인데 false로 변경..

세번째 업로드탭을 기본으로

fckdialog.html 안에서 fck_image.html을 iframe으로 표시하는구조이더군
그래서 fck_image.js 안에 있는 window.onload = function() 안에
window.parent.SetSelectedTab('Upload');
이렇게 추가했어

사실 이미지 업로드창 말고 다른 창들도 이같은 형태로 초기탭 설정이 가능하더라고.. flash도 이렇게 해결했지...
-------------------------------------