FCK 편집기(FCKEditor)에 새 단추 와 기능 을 추가 하 는 수정 방법

수정 할 파일:fckconfig.js zh-cn.js en.js fckeditorcodegecko.js || fckeditorcode_ie.js(IE 이외 의 브 라 우 저|ie 브 라 우 저 를 대상 으로 두 가지 브 라 우 저 를 지원 하려 면 이 두 가방 을 모두 수정 합 니 다)첫 번 째 단계:Toolbar 에 기능 버튼 fckconfig.js:FCKConfig.Toolbar Sets["Default"]에 버튼 이름 FCKConfig.Toolbar Sets["Default"]=['Bold','Italic','-','About','my diy'];두 번 째 단계:단추 에 중국어 이름과 영어 이름 zh-cn.js 를 추가 합 니 다.단 추 를 위 한 중국어 이름 my diy:"내 사용자 정의 단추"en.js:당신 의 단 추 를 위 한 영어 이름 my diy:"my diybutton"세 번 째 단계:Toolbar 에 이 단 추 를 표시 합 니 다 fckeditorcodegecko.js(fckeditorcode_ie.js):찾기:case'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break; break 후에 당신 의 코드 를 삽입 합 니 다.예 를 들 어 case'my diy':B=new FCKToolbarButton('my diy',FCKLang.my diy,null,null,false,true,50);(이 50 은 단추 의 디 스 플레이 그림 입 니 다.사용자 정의 단 추 를 그림 을 삽입 하 는 단추 의 그림 으로 표시 하려 면 37)도구 모음 에 단 추 를 표시 할 수 있 습 니 다.네 번 째 단계:정의 단추 기능 원형 ckeditorcodegecko.js(fckeditorcode_ie.js):찾기:var FCKNewPageCommand=function(){this.Name='NewPage';};FCKNewPageCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;}; FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;}; 정의 기능 프로 토 타 입:(여기 서 뉴 페이지 의 구현 코드 를 직접 뒤에 놓 고 수정 합 니 다)예 를 들 어 var FCKMydiyCommand=function(){this.Name='my diy';};FCKMydiyCommand.prototype.Execute=function(){실행 할 코드 나 함 수 를 쓰 십시오.예 를 들 어 alert("I am here!");};FCKmydiyCommand.prototype.GetState=function(){return 0;}; 위 코드 를 검색 내용 에 삽입 한 후.STEP 5:버튼 기능 실례 화:ckeditorcodegecko.js(fckeditorcode_ie.js):찾기:case'NewPage':B=new FCKNNewPageCommand();break; 기능 실례 화:case'mydiy':B=new FCKMydiyCommand();break; 위 코드 를 검색 내용 에 삽입 한 후.OK,이렇게 하면 FCKeditor 에 사용자 정의 단 추 를 추가 할 수 있 습 니 다.버튼 에 단축 키 를 추가 하려 면 fckconfig.js 에서 FCKConfig.Keystrokes=[]에[CTRL+71/*G*/,'my diy']를 추가 할 수 있 습 니 다.http://www.piikee.net/)

좋은 웹페이지 즐겨찾기