FCKeditor 2.0 간소화 및 사용

모든 온라인 편집기 에서 FCKeditor 는 현재 인터넷 에서 가장 좋 은 편집기 입 니 다.기능 이 강하 고 다양한 브 라 우 저 를 지원 하 며 플랫폼 제한 이 없 으 며 다양한 WEB 언어 와 융합 할 수 있 습 니 다.다 중 언어 지원,오픈 소스 등~새로운 사이트 에 대해 서 는 FCKeditor 를 직접 가 져 와 사용 할 수 있 습 니 다.수정 할 필요 가 없습니다.그러나 절대 다수의 기 존 사이트 에 있어 서 FCKeditor 의 일부 설정 은 자신의 사용 에 적합 하지 않 습 니 다.이 글 은 FCKeditor 를 간단하게 수정 하여 사이트 의 사용 을 편리 하 게 하 는 데 목적 을 둡 니 다.첫 번 째 작업 은 바로 이 기능 이 거대 한 편집 기 를 간소화 하 는 것 이다.당연히 파일 을 간소화 하 는 것 이지 기능 을 간소화 하 는 것 이 아니다.여기 서 저 는 asp 버 전의 FCKeditor 를 예 로 들 어 진행 하고 FCKeditor 2.0 폴 더 에 들 어가 서 먼저""을시작 하 는 폴 더 를 모두 삭제 하기 위해 서 이 폴 더 에는 범례 나 다른 도구 가 들 어 있 습 니 다.사실은 editor 폴 더,fckconfig.js,fckeditor.asp,fckeditor.js,fckstyles.xml,fcktemplates.xml 만 유지 하면 됩 니 다.가장 바깥쪽 의 간소화 가 끝나 면 editor 폴 더 에 들 어가 서 먼저"source'폴 더 가 삭 제 됩 니 다.여 기 는 원본 파일 로 사용 에 도움 이 되 지 않 습 니 다.images 폴 더 에 들 어가 smiley 폴 더 를 삭제 합 니 다.일부 파일 은 이모 티 콘 아이콘 을 넣 습 니 다.그 다음 에 제 이모 티 콘 아이콘 으로 먼저 삭제 하 겠 습 니 다.물론 여기 이모 티 콘 아이콘 을 사용 하고 싶다 면 지우 지 마 세 요.images 를 종료 하고 lang 폴 더 에 들 어가 면 이곳 의 물건 은 크게 세탁 할 수 있 습 니 다.fcklanguagemanager.js,zh-cn.js,en.js,zh.js 등 네 개의 파일 만 보관 할 수 있 습 니 다.첫 번 째 파일 은 언어 설정 파일 입 니 다.있어 야 fckconfig.js 의 설정 과 대응 하 는 언어 파일 로 설정 할 수 있 습 니 다.zh-cn.js 는 간 체 중국어 패키지 입 니 다.en.js 는 말 할 필요 가 없습니다.zh.js 는 번 체 중국어 입 니 다.어때요?한꺼번에 몇 백 K 가 줄 었 으 니 시원 하 죠~다시 lang 폴 더 를 종료 하고 skin 폴 더 에 들 어가 세 요.fckeditor 의 기본 적 인 우유 색 을 사용 하고 싶다 면 default 폴 더 를 제외 한 다른 두 폴 더 를 직접 삭제 하 세 요.다른 폴 더 를 사용 하고 싶다 면 생각해 보 세 요.하지만 기본 적 인 것 을 사용 하지 않 으 려 면 silver 를 선택 하 세 요.은색,즉 회색 은 어떤 색 과 어 울 려 도 못 생기 지 않 기 때문에 그 office 2003 의 피 부 는 어쨌든 나 는 매우 좋아 하지 않 는 다.그리고 사진 도 상대 적 으로 크 고 다운로드 시간 도 증가 했다.싫어!간단 한 마지막 단 계 는 skin 폴 더 를 종료 하고 filemanager 에 들 어 갑 니 다.최신 버 전의 fckeditor 를 사용 하지 않 는 다 면 폴 더 browser,새 버 전의 upload 폴 더 가 있 습 니 다.하나씩 filemanager/browser/default/connectors/에 들 어 갑 니 다.저 는 asp 를 사용 하기 때문에 asp 폴 더 를 제외 하고 모두 삭제 합 니 다.그리고 filemanager/upload/아래 에 들 어 갑 니 다.마찬가지 로 asp 폴 더 만 남 겨 두 었 습 니 다.이로써 편집기 의 간소화 가 끝 났 습 니 다.그 다음 에 편집 기 를 설정 하고 수정 하 겠 습 니 다.첫 번 째 수 정 된 파일,즉 fckeditor 총 프로필,루트 디 렉 터 리 에 있 는 fckconfig.js 파일 입 니 다.아래 목록 에 따라 진행 하 십시오(fckeditor 2.0 버 전 기준):20 번 째 줄 FCKConfig.Default Language='en'을 찾 으 십시오.FCKConfig.DefaultLanguage='zh-cn'으로 변경 하기;기본 언어 를 중국어 간 체 로 설정 하고 40 번 째 줄 FCKConfig.TabSpaces=0 찾기;FCKConfig.TabSpaces=1 로 변경;편집기 영역 에서 Tab 키 를 사용 할 수 있 습 니 다.만약 당신 의 편집기 가 사이트 프론트 데스크 에 사용 된다 면,예 를 들 어 메모 장 이나 일기 답장 에 사용 할 때 안전 을 고려 해 야 합 니 다.프론트 데스크 에 서 는 Default toolbar 를 사용 하지 마 세 요.기능 을 사용자 정의 하거나 시스템 이 정 의 된 Basic,즉 기본 적 인 toolbar 로 64 번 째 줄 을 찾 으 세 요:FCKConfig.Toolbarsets["Basic"]=['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','-','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview'] ] ; 이것 은 제 가 고 친 Basic 입 니 다.이미지 기능 을 제거 하고 링크 기능 을 추가 하 는 것 을 제거 합 니 다.이미지 와 링크,플래시 와 이미지 버튼 추가 기능 이 프론트 페이지 에 직접 접근 하고 파일 을 업로드 할 수 있 기 때 문 입 니 다.여기 서 바 꾸 지 않 고 직접 목 마 를 업로드 하면 바로 끝나 지 않 습 니까?하지만 이것 만 으로 는 안 됩 니 다.fckeditor 는 편집 도 메 인 내 마우스 오른쪽 단 추 를 지원 합 니 다.77 번 째 줄 찾기:FCKConfig.FontNames='Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 우리 가 자주 사용 하 는 글꼴 FCKConfig.FontNames='송 체'를 추가 합 니 다.흑체예서해서 체GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 다음은 업로드 기능 을 설정 합 니까?아니면 ASP 를 예 로 들 면 fck 의 기본 값 은 asp 입 니 다.100 줄 이하 의 주석 이 달 린 코드 를 모두 삭제 하면 됩 니 다.그리고 아래 에 있 는 브 라 우 저.html 와 upload.asp 뒤에 있 는 모든 것 을 삭제 하면 됩 니까?Type=XX 는 모두 Type=YY 로 바 뀌 었 습 니 다.그 중에서 YY 는 파일 을 저장 하고 싶 은 폴 더 이름 입 니 다.그리고 자신의 이모 티 콘 아이콘 을 사용 하고 싶다 면 131 줄 로 뛰 어 올 라 이모 티 콘 아이콘 의 폴 더 주소 와 아래 이모 티 콘 아이콘 의 파일 이름 을 바 꾸 고 아래 세 개의 숫자 는 줄 마다 이모 티 콘 수 와 팝 업 창의 너비 와 높이 를 표시 합 니 다.이 크기 는 이모 티 콘 아이콘 이 배 열 된 창의 크기 에 따라 정 해 집 니 다.OK,총 프로필 수정 이 끝 났 습 니 다.다음은 편집기 위치 설정 입 니 다.제 습관 은 editor 를 루트 디 렉 터 리 에 두 는 것 입 니 다.처음에 말 한 다섯 개의 파일 도 루트 디 렉 터 리 에 두 는 것 입 니 다.(Tips:루트 디 렉 터 리 에 두 는 것 을 권장 합 니 다.그리고 사용 할 때 경 로 를 설정 하 는 것 도 절대 경 로 를 사용 하 는 것 을 권장 합 니 다.예 를 들 어"/fckeditor/"와 같은 제 습관 적 인 설정 은"/"입 니 다.이렇게 하면 fckeditor 의 업데이트 와 업그레이드 에 유리 합 니 다.또한 사이트 아래 의 모든 폴 더 를 임의로 호출 할 수 있 습 니 다.다른 폴 더 이름 이 바 뀌 지 않 고 다른 곳 에 서 는 편집 기 를 사용 할 수 없습니다.fckeditor.asp 파일 을 열 고 sBasePath="/fckeditor/"를 sBasePath="/"로 변경 하여 fckeditor.js 파일 을 열 고 this.BasePath='/fckeditor/'를 찾 습 니 다.this.BasePath='/'로 변경 하기;편집기 도 메 인 에 있 는 기본 디 스 플레이 글꼴 은 12px 이 고,내 홈 페이지 의 기본 글꼴 은 14px 이기 때문에 보기 가 불편 합 니 다.수정 하려 면 스타일 시트 를 수정 하여 요구 에 도달 할 수 있 습 니 다./editor/css/fck 을 엽 니 다.editorarea.css,네 번 째 줄 을 font-size:14px 로 변경 합 니 다.됐다.다음은 파일 을 업로드 하 는 설정 입 니 다.이것 은 비교적 번 거 롭 습 니 다.자세히 조작 하 세 요.\editor\filemanager\\browser\\default\\frmresourcetype.html 를 열 고 15 번 째 줄 을 찾 아"[uploadfile','uploadfile']을 삽입 합 니 다."방금 fckconfig.js 에 설 치 된 설정 과 결합 하면 제 업로드 파일 경 로 는/uploadfile 입 니 다.물론 원 하 는 폴 더 로 바 꿀 수 있 습 니 다.하지만 이 이름 은 fckconfig.js 에 있 는"Type=YY"의 YY 와 일치 해 야 합 니 다.아직 끝나 지 않 았 습 니 다.editor\filemanager\\browser\\default\connectors\\asp 에 계속 들 어가 config.asp 를 열 고 ConfigIsEnabled=False 를 ConfigIsEnabled=True 로 바 꾸 거나 파일 을 업로드 할 수 없 는 경우 ConfigUserFilesPath="/UserFile"을 제 가 원 하 는 ConfigUserFilesPath="/"로 바 꿉 니 다.이 어"Set ConfigDeniedExtensions=CreateObject("Scripting.Dictionary")뒤에 ConfigAllowedExtensions.Add"uploadfile","ConfigDeniedExtensions.Add"uploadfile","마찬가지 로 이 설정 도 위 와 fckconfig.js 에 대응 해 야 합 니 다.또 하 나 는 빠 른 업로드 입 니 다.이 기능 은 fckeditor 2.0 에서 만 있 었 고 이전 버 전 에는 이 기능 이 없 었 습 니 다.\editor\filemanager\\upload\asp 에 들 어가 면 config.asp 를 열 고 ConfigIsEnabled=False 를 ConfigIsEnabled=True 로 설정 합 니 다.ConfigUserFiles Path="/UserFiles/"를 원 하 는 ConfigUserFiles Path="/uploadfile/"&Year(Date()&"-"&Month(Date()&"/"로 바 꿉 니 다.제 업로드 파일 은 uploadfile 폴 더 아래 에 있 기 때 문 입 니 다.그리고 매달 따로 두 었 습 니 다.빠 른 업로드,폴 더 를 선택 하지 않 고 이 설정 을 통 해 직접 업로드 합 니 다.이 설정 은 앞의 설정 과 잘 맞지 않 으 면 파일 이 엉망 으로 올 라 와 관리 하기 어렵 습 니 다.연결 하기 전에 이전 config.asp 의 동작 을 반복 합 니 다.뒤에 ConfigAllowed Extensions.Add"uploadfile","ConfigDenied Extensions.Add"uploadfile","다음은 자신의 온라인 편집 기 를 만 드 는 방법 에 대해 말씀 드 리 겠 습 니 다.여 기 는 ASP 와 JS 버 전의 예 를 들 어 ASP 버 전의 예제 코드 입 니 다.일반적으로 배경 작업 에 사 용 됩 니 다:<%Dim oFCKeditor Set oFCKeditor=New FCKeditor oFCKeditor.BasePath="/"oFCKeditor.Toolbarset="Default"oFCKeditor.Width="100%"oFCKeditor.Height="400"oFCKeditor.Value=rs("logbody")oFCKeditor.Create"logbody"%>ASP 버 전 은.asp 를 확장자 로 하 는 페이지 에서 만 사용 할 수 있 습 니 다.만약 당신 이 이전에 fckedito.asp 에 BasePath 를'/'로 설정 한 적 이 있다 면,여 기 는 세 번 째 줄 을 절약 할 수 있 습 니 다.ASP 버 전의 Create 함수 만 있 습 니 다.한 편의 내용 을 수정 할 때 ASP 버 전 을 사용 하 는 것 을 권장 합 니 다.다음은 JS 판:var oFCKeditor=new FCKeditor('logbody');oFCKeditor.BasePath = '/' ; oFCKeditor.ToolbarSet = 'Basic' ; oFCKeditor.Width = '100%' ; oFCKeditor.Height = '400' ; oFCKeditor.Value = '' ; oFCKeditor.Create() ; BasePath 의 설정 은 상기 와 같 습 니 다.JS 버 전 은 모든 웹 페이지 에 사용 할 수 있 고 심지어 html 페이지 에 사용 할 수 있 습 니 다.클 라 이언 트 가 생 성 한 것 이기 때문에 이러한 장점 은 네트워크 트 래 픽 을 줄 일 수 있 습 니 다.편집기 파일 은 한 번 만 다운로드 하면 되 고,다른 하 나 는 클 라 이언 트 가 언제 표시 할 수 있 습 니까?fckeditor 초기 화 에 시간 이 필요 하기 때 문 입 니 다.그런 점 에서 JS 가 효과 가 있 습 니 다.또한 JS 판 의 또 다른 기능 함 수 는 바로 ReplaceTextarea()함수 입 니 다.지정 한 TextArea 를 교체 할 수 있 습 니 다.제 사이트 로그 의 답장 부분 예제: 간단 한 함수 로 작성 합 니 다.사용자 가 편집 기 를 열 때 이 fckeditor 를 생 성 합 니 다.페이지 를 새로 고 칠 때마다 편집 기 를 초기 화하 지 않 아 도 페이지 의 속도 가 훨씬 빨 라 집 니 다.