FCKeditor 플러그 인 개발 예시(상세 버 전)

(FCKeditor.주 소 는:http://www.fckeditor.net/입 니 다.제 가 다운로드 한 버 전 은:2.6.3 입 니 다.)What ?      FCKeditor 는 웹 편집기 에서 가장 좋 은 선택 이 었 습 니 다.그 는 오픈 소스 이 고 효과 가 좋 았 습 니 다.FCKeditor 플러그 인 은 FCKeditor 에 대한 확장 기능 입 니 다.Why?일반적인 조건 에서 FCKeditor 는 사용 에 적응 할 수 있 지만 FCKeditor 의 유일한 기능 에 만족 하지 않 을 수도 있 습 니 다.좋 습 니 다.FCKeditor 는 플러그 인 개방 기능 을 제공 합 니 다.생각 만 할 수 있다 면 하 세 요.How?        저 는 간단 한"Hello"를 예 로 들 어 FCKeditor 플러그 인의 개발 을 소개 합 니 다.        우선 FCKeditor 편집기 디 렉 터 리 에 있 는 editor 파일 의 plugins 디 렉 터 리 에 들 어 갑 니 다.이 디 렉 터 리 는 Fckeditor 플러그 인 을 넣 은 것 입 니 다.So,'hello'라 는 폴 더 를 만 듭 니 다.        두 번 째 단 계 는'hello'폴 더 에 들 어 갑 니 다."fckpplugin.js"파일 을 만 듭 니 다.이것 은 fckeditor 플러그 인 에 필요 한 것 입 니 다.주로 플러그 인 등록 등 입 니 다.        언어 파일 을 다시 만 듭 니 다.'hello'폴 더 아래'lang'폴 더 를 만 듭 니 다.'lang'폴 더 에 언어 파일 을 만 듭 니 다.Fckeditor 플러그 인의 언어 파일 이름 은 국가 나 지역.js 입 니 다.예 를 들 어 중국 은 zh.js.간 체 중국 어 는 zh-cn.js.영 어 는 en.js 등 이다.우 리 는 두 개의"en.js"와"zh-cn.js"를 세 웠 다.        그리고 언어 파일 을 편집 합 니 다.우 리 는"en.js"를 편집 합 니 다.다음 내용 을 기록 합 니 다:FCKLang.Hello="Hello";(";"포함 에 주의 하 세 요.js 코드 요)"zh-cn.js"에"FCKLang.Hello="안녕하세요"라 고 쓰 십시오.         FCKeditor 플러그 인 언어의 이름 은:FCKLang 입 니 다.변수 이름="언어 정의"입 니 다.      OK,언어 문제 정의 가 완료 되 었 습 니 다.그리고 플러그 인 정의 입 니 다.두 번 째 단계 의"fckpplugin.js"를 엽 니 다.

//   
FCKCommands.RegisterCommand('hello',new FCKDialogCommand('hello',FCKLang.HelloB,FCKPlugins.Items['hello'].Path+"hello.html",200,200)); 
//      
var NHello=new FCKToolbarButton('hello',FCKLang.Hello); 
NHello.IconPath=FCKPlugins.Items['hello'].Path+'hello.GIF'; 
//   
FCKToolbarItems.RegisterItem('hello',NHello); 

OK,몰라?상세 설명:
플러그 인 메커니즘:등록 명령-정의 도구 모음-도구 모음 에 등록
 등록 명령::FCKCommands.RegisterCommand(명령 이름,대화 상자 명령)
대화 상자 명령:FCKDialogCommand(명령 이름,대화 상자 제목,URL,너비,높이)
 이렇게 등록 명령 이 완료 되면 도구 모음 을 정의 합 니 다.
 FCKToolbarButton(명령 이름,단추 제목)
아이콘 을 추가 하 는 것 이 좋 습 니 다:IconPath=아이콘 주소
 이제 명령 도 등록 이 완료 되 었 습 니 다.도구 모음 도 정의 되 었 습 니 다.그리고 추가 합 니 다.
FCKToolbarItems.RegisterItem(명령 이름,도구 모음);
메모:"Hello.html"은 html 에 다음 문장 이 포함 되 어야 한 다 는 것 을 표시 하 는 것 입 니 다.

<script language="javascript"> 
var dialog = window.parent ; 
var oEditor = dialog.InnerDialogLoaded() ; 
var FCKLang = oEditor.FCKLang ; 
</script> 

OK.플러그 인 이 완성 되 었 습 니 다.어떻게 표시 하나 요?
Fckeditor 디 렉 터 리 에서"fckconfig.js"를 찾 았 습 니 다.이것 은 fckeditor 의 설정 파일 입 니 다.찾아내다
” FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;”
추가:"FCKConfig.Plugins.Add('hello','zh-cn,en');  ”
설명:FCKConfig.Plugins.Add(플러그 인 이름,'언어 파일');언어 파일 은 선택 할 수 있 습 니 다.없 으 면 자동 으로 설정 합 니 다.
그리고"FCKConfig.Toolbarsets["Default"]=.."의"[]"에'hello'를 마음대로 추가 합 니 다.
OK…!완성 하 다.
자,FCKEditor 플러그 인 개발 과정 을 다시 확인 해 보 겠 습 니 다.
 "fckpuiplugin.js"-플러그 인 만 들 기(언어 파일 등)-플러그 인 추가.
 플러그 인 생 성 필요 절차:등록 명령 삽입-정의 도구 모음-도구 모음 에 등록