fck관련 자료

처음 FCKEditor를 적용하면서 정리를 해봤는데..많은 부분이 부족한듯 --;; 시간나면 다시한번 정리를 하겠습니다.

- FCKEditor 이미지 업로드 및 삽입방법

- 기존내용 수정 및 추가

 

● FCKEditor 홈페이지 : http://www.fckeditor.net

  다운로드 - 언어별 fckeditor를 다운로드 받을 수 있습니다.

  Demo - editor features , multi language , toolbar selection , skin support

 다운로드 페이지에서 FCKeditor 2.2 zip파일을 다운로드 받아 적용해보았습니다.

 

 fckeditor 적용 참조페이지

 

< 적용방법 >

1. 압축을 푼후 fckeditor폴더를 서비스웹사이트 root폴더에 푼다.

 

   sample 페이지와 testcase페이지들은 바로 확인할 수 있습니다.

  sample파일 : 서비스URL입력 + /FCKeditor/_samples/  폴더 밑 default.htm파일

              - FCKEditor홈페이지의 Demo와 동일한 내용.
  testcase파일 : 서비스URL입력 + /FCKeditor/_testcases/ 폴더 밑  001.htm~010.htm 파일

              - 001.htm~010.htm분석하면 fckeditor를 적용하는데 한결 용이해질것입니다.

 

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

   게시판의 경우 글쓰는 페이지.

[!-- #INCLUDE VIRTUAL="/FCKeditor/fckeditor.asp" --]

3. 편집기가 들어가는 위치에 다음의 코드를 삽입한다.
[%

 Dim oFCKeditor

 Set oFCKeditor = New FCKeditor
 oFCKeditor.BasePath = "/FCKeditor/"
 oFCKeditor.Create "FCKeditor1"

%]

  FCKeditor1"은 처리페이지에서 사용하는 변수명이 된다.Request.Form("FCKeditor1")

4. 브라우져를 통해 확인한다.

  /_samples/asp/폴더 밑에 있는 예제파일을 통해 에디터 적용방법 및 데이타 받는 방법을 참조할 수 있다.

< 기타 설정 >

◆ 설정사항
설정파일 - /FCKEditor/fckeditor.asp에서

Private Sub Class_Initialize()
  sBasePath  = "/FCKeditor/" 'FCKeditor 경로
  sWidth   = "100%" '너비
  sHeight   = "200"  '높이
  sToolbarSet  = "Default" '툴바 스타일
  sValue   = "" '처음 editor로딩시 편집창에 보여지는 텍스트

  Set oConfig = CreateObject("Scripting.Dictionary")
End Sub

위의 값들을 환경에 따라 수정한다.

(이 값들을 수정하면 fckeditor가 들어가는 모든 창에 일괄적용될 것이다.)

또는 fckeditor가 들어가는 곳의 삽입코드부분(위 적용방법 3번코드)을 수정하여

각각의 fckeditor를 환경설정할 수 있다.
[%

 Dim oFCKeditor

 Set oFCKeditor = New FCKeditor
 oFCKeditor.BasePath = "/FCKeditor/"

 oFCKeditor.Width = "100%"
 oFCKeditor.Height = "250" '<- 높이변경
 oFCKeditor.ToolbarSet = "Default" '<-메뉴스타일 변경
 oFCKeditor.Value = "이곳에 내용을 입력하세요!!" '<-초기 텍스트 변경

 oFCKeditor.Config("UseBROnCarriageReturn") = true '<-Enter키 사용시 br적용
 oFCKeditor.Create "FCKeditor1"

%]

oFCKeditor.Config함수를 이용해서 키값에 value를 넣어 수정

◆ Enter키 사용시 br태그 적용방법 (default -  p태그)

 /FCKEditor/fckconfig.js에서 FCKConfig.UseBROnCarriageReturn 항목값을 true로 변경

◆ 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"%] 삽입