Js FCKeditor 의 값 가 져 오기 및 수정 코드 소결

자 바스 크 립 트 를 이용 하여 FCKeditor 값 을 가 져 오고 설정 하 는 것 도 매우 쉽다.다음 과 같다.//편집기 의 HTML 내용 function getEditor HTML Contents(Editor Name){var oEditor=FCKeditorAPI.GetInstance(Editor Name);return(oEditor.GetXHTML(true)); } // 편집기 의 텍스트 내용 function getEditorTextContents(EditorName){var oEditor=FCKeditorAPI.GetInstance(EditorName)가 져 오기;return(oEditor.EditorDocument.body.innerText); } // 편집기 의 내용 function SetEditorContents(EditorName,ContentStr){var oEditor=FCKeditorAPI.GetInstance(EditorName)를 설정 합 니 다.oEditor.SetHTML(ContentStr) ; } FCKeditorAPI 는 FCKeditor 를 불 러 온 후 등 록 된 전역 대상 입 니 다.이 를 이용 하면 편집기 에 대한 다양한 작업 을 수행 할 수 있 습 니 다.현재 페이지 에서 FCK 편집기 인 스 턴 스 를 가 져 옵 니 다:var Editor=FCKeditorAPI.GetInstance('InstanceName');FCK 편집기 팝 업 창 에서 FCK 편집기 인 스 턴 스 를 가 져 옵 니 다:var Editor=window.parent.InnerDialogLoaded().FCK;프레임 페이지 의 하위 프레임 에서 다른 하위 프레임 워 크 의 FCK 편집기 인 스 턴 스 를 가 져 옵 니 다:var Editor=window.FrameName.FCKeditorAPI.GetInstance('InstanceName');페이지 팝 업 창 에서 부모 창의 FCK 편집기 인 스 턴 스 를 가 져 옵 니 다:var Editor=opener.FCKeditorAPI.GetInstance('InstanceName');FCK 편집기 의 내용 가 져 오기:oEditor.GetXHTML(formatted);/formatted:true|false 로 HTML 형식 으로 꺼 낼 지 여부 입 니 다.oEditor.GetXHTML();FCK 편집기 의 내용 설정:oEditor.SetHTML("content",false);/두 번 째 매개 변 수 는 true|false 입 니 다.보 이 는 대로 내용 을 설정 하 시 겠 습 니까?이 방법 은'초기 값 설정'이나'폼 리 셋'에 자주 사 용 됩 니 다.FCK 편집기 에 내용 삽입:oEditor.InsertHtml("html");/"html"HTML 텍스트 를 위해 FCK 편집기 내용 의 변화 여 부 를 검사 합 니 다:oEditor.IsDirty();FCK 편집기 외 에 FCK 편집기 도구 막대 명령 을 호출 합 니 다:명령 목록 은 다음 과 같 습 니 다:DocProps,Templates,Link,Unlink,Anchor,Bulleted List,Numbered List,About,Find,Replace,Image,Flash,SpecialChar,Smiley,Table Prop,Table Cell Prop,Universal Key,Style,FontName,FontSize,FontFormat,Source,Preview,Save,NewPage,PageBreak, TextColor, BGColor, PasteText, PasteWord, TableInsertRow, TableDeleteRows, TableInsertColumn, TableDeleteColumns, TableInsertCell, TableDeleteCells, TableMergeCells, TableSplitCell, TableDelete, Form, Checkbox, Radio, TextField, Textarea, HiddenField, Button, Select, ImageButton, SpellCheck, FitWindow, Undo,Redo 사용 방법 은 다음 과 같 습 니 다.oEditor.Commands.GetCommand('FitWindow').Execute();=FCKConfig.BasePath + 'plugins/' // FCKConfig.Plugins.Add( 'placeholder', 'en,it' ) ; //를 제거 하면 placeholder 라 는 플러그 인 기능 을 추가 하 는 것 과 같 습 니 다.fckeditor 의 플러그 인 파일 은 모두/editor/plugins/폴 더 아래 에 폴 더 로 분류 되 어 있 습 니 다.fckeditor 2.0 에 있어 서 두 개의 폴 더 가 있 습 니 다.즉,두 개의 공식 플러그 인 이 있 습 니 다.placeholder 라 는 폴 더 는 우리 가 방금 추가 한 것 입 니 다.주로 다 중 매개 변수 나 단일 매개 변수 사용자 정의 탭 의 일치 에 사 용 됩 니 다.이것 은 편집 템 플 릿 을 만 들 때 매우 유용 합 니 다.구체 적 인 인 인 스 턴 스 를 보 려 면 acms 시스템 을 다운로드 하여 학습 을 볼 수 있 습 니 다.다른 폴 더 tablecommands 는 편집기 의 표 편집 에 사 용 됩 니 다.물론 다른 용도 의 플러그 인 을 만 들 고 싶다 면 fckeidtor 플러그 인의 제작 규칙 에 따라 만 들 고/editor/plugins/아래 에 놓 으 면 됩 니 다.그리고 fckeidtor.js 에 FCKConfig.Plugins.Add('Plugin Name','lang,lang')를 추가 합 니 다.됐 습 니 다.두 번 째 부분 은 편집기 가 열 렸 을 때 편집 도구 막대 가 나타 나 지 않도록 하 는 방법 입 니 다.'도구 막대 펼 치기'를 눌 렀 을 때 만 나타 납 니까?Easy,FCKeditor 자체 가 이 기능 을 제공 합 니 다.fckconfig.js 를 열 고 FCKConfig.ToolbarStartExpanded=true 를 찾 습 니 다.FCKConfig.ToolbarStartExpanded=false 로 변경 하기;하면 돼!세 번 째 부분 에 서 는 자신의 이모 티 콘 아이콘 을 사용 하여 fckcofnig.js 를 맨 밑 에 있 는 FCKConfig.SmileyPath=FCKConfig.BasePath+'images/smiley/msn/'을 엽 니 다.FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif','wink_smile.gif'] ; FCKConfig.SmileyColumns = 8 ; FCKConfig.SmileyWindowWidth = 320 ; FCKConfig.SmileyWindowHeight = 240 ; 위의 이 단락 은 이미 내 가 수정 한 것 이다.내 가 이 글 을 발표 한 지면 이 너무 넓 어 지지 않도록 나 는 FCKConfig.Smiley Images 의 줄 을 세 개의 이모 티 콘 만 고 쳤 다.첫 번 째 줄 은 당연히 이모 티 콘 아이콘 경로 의 설정 입 니 다.두 번 째 줄 은 이모 티 콘 아이콘 파일 이름 에 관 한 List 입 니 다.세 번 째 줄 은 팝 업 된 이모 티 콘 이 창의 가장 줄 마다 이모 티 콘 수 를 추가 하 는 것 을 말 합 니 다.다음 두 번 째 매개 변 수 는 팝 업 된 모드 창의 너비 와 높이 입 니 다.네 번 째 부분 에서 파일 업로드 관리 부분 은 여러분 이 가장 관심 을 가 지 는 부분 일 수 있 습 니 다.지난 글 은 파일 을 업로드 하 는 방법 과 fckeidtor 2.0 을 사용 하여 제공 하 는 빠 른 업로드 기능 을 간단하게 설명 하 였 습 니 다.업로드 기능 FCKConfig.LinkBrowser=true 를 계속 심층 적 으로 설명 합 니 다.FCKConfig.ImageBrowser = true ; FCKConfig.FlashBrowser = true ;fckconfig.js 에서 이 세 마디 를 찾 았 습 니 다.이 세 마디 는 연결 되 어 있 는 것 이 아 닙 니 다.다만 제 가 그들 을 여기에 모 았 습 니 다.true 로 설정 한 것 은 fckeditor 를 사용 하여 서버 의 파일 이미지 와 플래시 등 을 탐색 할 수 있 도록 하 는 것 입 니 다.이 기능 은 그림 을 삽입 할 때 팝 업 되 는 창 에 있 는'탐색 서버'단 추 를 누 르 면 나타 납 니 다.편집기 가 자신 만 사용 하거나 배경 에서 만 관리 된다 면 이 기능 은 서버 의 파일 을 직관 적 으로 업로드 할 수 있 기 때 문 입 니 다.하지만 시스템 이 프론트 데스크 톱 사용자 나 블 로그 같은 시스템 을 대상 으로 사용 하려 면 이 안전 위험 이 크다.그래서 우 리 는 그것 을 일률적으로 false 로 설정 했다.다음 FCKConfig.LinkBrowser=false;FCKConfig.ImageBrowser = false ; FCKConfig.FlashBrowser = false ; 이렇게 되면 우 리 는 빠 른 업로드 만 사용 할 수 있 습 니 다.좋 습 니 다!다음은 수정 하 겠 습 니 다.마찬가지 로 asp 를 예 로 들 어 진행 하 겠 습 니 다./editor/filemanager/upload/asp/config.asp 를 열 고 ConfigUser Files Path="/User Files/"이 설정 은 파일 을 업로드 하 는 전체 디 렉 터 리 입 니 다.여기 서 움 직 이지 않 겠 습 니 다.고치 고 싶 으 면 이 디 렉 터 리 에 있 는 upload.asp 파일 을 열 고 싶 습 니 다.다음 Dim resourceType If(Request.QueryString("Type")<>")Then resourceType=Request.QueryString("Type")Else resourceType="File"End If 를 찾 은 다음 그 뒤에 ConfigUserFilesPath=ConfigUserFilesPath&resourceType&"/"&Year(Date()&"/"&Month(Date()&"/"/"를 추가 하면,올 린 파일 은'/userfiles/파일 형식(예 를 들 어 image 나 file 또는 flash)/년/월/'과 같은 폴 더 에 들 어 갑 니 다.이 설정 은 단일 사용자 에 게 사용 하기에 충분 합 니 다.다 중 사용자 시스템 에 사용 하고 싶다 면,그럼 이렇게 ConfigUser Files Path=ConfigUser Files Path&Session(username)&resourceType&'/'&Year(Date()&'/'&Month(Date()&'/'이렇게 올 린 파일 은'/userfiles/사용자 디 렉 터 리/파일 형식/년/월/'에 들 어 갑 니 다.물론 그렇게 하지 않 으 려 면 다른 것 으로 수정 할 수도 있 습 니 다.예 를 들 어 사용자 디 렉 터 리 가 한 층 더 깊 어 지 는 등 입 니 다.여기 세 션(username)은 필요 에 따라 수정 하거나 바 꿔 주세요.업 로드 된 디 렉 터 리 가 설정 되 었 지만 업로드 프로그램 은 이 폴 더 를 직접 만 들 지 않 습 니 다.존재 하지 않 으 면 업로드 가 성공 하지 못 합 니 다.그러면 우 리 는 위의 업로드 경로 의 요구 에 따라 재 귀적 으로 디 렉 터 리 를 만들어 야 합 니 다.Dim sServerDir sServerDir=Server.MapPath(ConfigUserFilesPath)If(Right(sServerDir,1)<>"\")Then sServerDir=sServerDir&"\"End If 이 두 줄 의 Dim oFSO Set oFSO=Server.CreateObject("Scripting.FileSystem Object")를 아래 코드 로 dim arrPath,strTmpPath,strTmpPath 를 대체 합 니 다.intRow strTmpPath = "" arrPath = Split(sServerDir,"\")Dim oFSO Set oFSO=Server.CreateObject("Scripting.FileSystem Object")for intRow=0 to Ubound(arrPath)strTmpPath=strTmpPath&arrPath(intRow)&"\"if oFSO.folderExists(strTmpPath)=false then oFSO.CreateFolder(strTmpPath)end if next 이 코드 로 원 하 는 폴 더 를 만 들 수 있 습 니 다.업로드 할 때 자동 으로 생 성 됩 니 다.자,업로드 파일 의 수정 은 이제 잠시 일 단락 될 수 있 습 니 다.그러나 중국어 사용자 에 게 이런 문제 가 존재 합 니 다.즉,fckeditor 의 파일 업로드 기본 값 은 이름 을 바 꾸 지 않 고 중국어 파일 이름 도 지원 하지 않 습 니 다.그러면 업로드 파일 은'.jpg'와 같은 읽 을 수 없 는 파일 이 되 고 다시 이름 을 바 꾸 는 파일 이 있 습 니 다.물론 이름 을 바 꾸 는 것 은 아무것도 아 닙 니 다.fckeditor 는 자동 으로 이름 을 바 꾸 기 때문에 파일 이름 뒤에(1)표 지 를 추가 합 니 다.그러나,우리 의 일반적인 습관 은 프로그램 이 반복 되 지 않 는 파일 이름 을 자동 으로 생 성 하 는 것 입 니 다.아까 그 코드 아래 에 있 는'Get the uploaded file name.sFileName=oUploader.File("NewFile").Name 잘 보 세 요.이것 이 바로 파일 이름 입 니 다.우리 가 고 쳐 야 합 니 다.당연히 파일 이름 을 만 드 는 함수 가 있어 야 합 니 다.다음 과 같이'//중복 되 지 않 는 번호 Public Function GetNewID()dim ranNum dim dtNow randomize dtNow=Now()ranNum=int(90000*rnd)+10000 GetNewID=year(dtNow)&right("0"&month(dtNow),2)&right("0"&day(dtNow),2)&right("0"&hour(dtNow),2)&right("0"&minute(dtNow),2)&right("0"&second(dtNow),2)&ranNum End Function'Get the uploaded file name.sFileName=GetNewID()&"."&split(oUploader.File("NewFile").Name,".")(1)이렇게 되면 업로드 한 파일 은 자동 으로 이름 을 바 꾸 어 20050802122536365.jpg 와 같은 파일 이름 을 생 성 합 니 다.년 월 일 분 초 및 세 개의 난수 로 구 성 된 파일 이름 입 니 다.