Html/CSS/Script | FCKEditor 설치및설정

페이지 정보

작성자 : 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 날짜 : 작성일12-05-11 17:25 조회 : 566회

본문

 
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');
 

 
Total 63건 1 페이지
게시물 검색
웹스터디 목록
번호 제목 글쓴이 날짜 조회
63 Html/CSS/Script jQuery 선택자 사용하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17-03-27 565
62 Html/CSS/Script 브라우저 크기 실시간으로 체크하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17-02-03 381
61 Html/CSS/Script 모바일에서 확대/축소 않되게 하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16-04-21 311
60 Html/CSS/Script 브라우저 크기에따라서 ... 표시되게 하는 스타일 시트 반응형 홈페이지 만들때 쓰면 좋을듯... 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-12-17 264
59 Html/CSS/Script 모바일에서 스크롤 않되게 하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-12-14 239
58 Html/CSS/Script jsdelivr에 나눔 웹폰트 사용~ 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-06-17 408
57 Html/CSS/Script CKEditor 4.4.7 설치방법 첨부파일 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-04-24 251
56 Html/CSS/Script 오브젝트 그림자 css 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-23 249
55 Html/CSS/Script 롤링되는 공지글 구현할때 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-15 397
54 Html/CSS/Script 웹폰트 적용 스타일소스 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-02 288
53 Html/CSS/Script ssl 보안인증서 적용된 사이트로 자동전환되게 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-11-26 274
52 Html/CSS/Script 천단위(콤마)넣기 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-11-07 375
51 Html/CSS/Script IE6에서 Position: fixed 하단고정 레이어 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-05-06 429
50 Html/CSS/Script self.close()에 확인창없이 바로닫기 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-05-02 432
49 Html/CSS/Script 배경이미지를 그라데이션화교 주기 linear-gradient 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-04-25 340
48 Html/CSS/Script 그누보드에서 "회원아이디를 입력하지 않았거나 입력에 오류가 있습니다." 라고 메세지 나올때 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-03-06 373
47 Html/CSS/Script 웹접근성을 위한 퀵메뉴 + 확대/축소/기본 스크립트 첨부파일 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-11-29 378
열람중 Html/CSS/Script FCKEditor 설치및설정 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-05-11 567
45 Html/CSS/Script 비밀번호 숫자+영문 혼용 체크 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-04-30 458
44 Html/CSS/Script 영상재생스크립트 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-04-17 420
Today 233 Yesterday 460
Total 108,585