FCKeditor 편집기 코드 삽입 기능 구현 절차

기능 이 매우 강력 합 니 다.삽입 할 수 있 는 언어 는 C/C++,XML/HTML,JavaScript,CSS,C\#,Java,PHP,Python,Ruby,SQL,ASP/Visual Basic 을 포함 합 니 다.프론트 에 언어 이름 을 표시 하고 줄 번 호 를 표시 하 며 접 을 수 있 는 지 여 부 를 선택 할 수 있 습 니 다.그리고 언어 착색 기능 도 있 습 니 다.생각 보다 완벽 합 니 다.또한 텍스트 필드 디 스 플레이 코드 와 실행 단추 가 있 는 실행 가능 한 방식 으로 나 눌 수 있 습 니 다.여러분 께 특별히 공유 합 니 다!설치 방법 은 다음 과 같 습 니 다.1.압축 패 키 지 를 다운로드 한 후 폴 더 insertcode 를 fckeditor\\editor\plugins\디 렉 터 리 에 복사 한 다음 fckeditor/fcconfig.js 이 파일 을 수정 합 니 다.이 파일 에서 FCKCfig.PluginsPath=FCKCfig.BasePath+'plugins/';다음 코드 를 추가 합 니 다:FCKConfig.Plugins.Add('insertcode');2.fckeditor\\editor\lang 폴 더 에 있 는 zh-cn.js 를 열 고 DlgDivInlineStyle:"CSS 스타일",(이 문장 뒤에 쉼표 를 추가 해 야 합 니 다",")아래 코드/plugins Insert CodeBtn:"코드 삽입"3.코드 삽입 기능 을 사용 하기 위해 서 는 해당 페이지 에 CSS 코드(insertcode.css)를 추가 해 야 합 니 다.아래 의 Js 코드 와.====================================================================================================예 를 들 어 글 템 플 릿 페이지 에 Css 파일 을 연결 합 니 다:또는 css 코드 를 템 플 릿 의 css 파일 에 직접 복사 합 니 다.문장 템 플 릿 페이지 에 다음 의 js 코드 를 추가 합 니 다

 
<script> 
//          ，      
//javascript 
function $(id) 
{ 
return document.getElementById(id); 
} 
//     
function copyIdText(id) 
{ 
copy( $(id).innerText,$(id) ); 
} 
function copyIdHtml(id) 
{ 
copy( $(id).innerHTML,$(id) ); 
} 
function copy(txt,obj) 
{ 
if(window.clipboardData) 
{ 
window.clipboardData.clearData(); 
window.clipboardData.setData("Text", txt); 
alert("    ！") 
if(obj.style.display != 'none'){ 
var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.collapse(false); 
} 
} 
else 
alert("     ，   Ctrl+C   !"); 
} 
</script> 

4.fckeditor/fcconfig.js 파일 을 수정 하고 편집기 제어 판 에 단 추 를 추가 합 니 다.도구 모음 인 자 를 호출 하 는 Media 뒤에 insertcode 를 추가 합 니 다.FCKCconfig.ToolbarSets["standard"]=['소스','붙 여 넣 기','붙 여 넣 기','붙 여 넣 기','붙 여 넣 기 텍스트','붙 여 넣 기 워드','붙 여 넣 기','-','실행 취소','다시','-','볼 드','Italic','밑줄','StrikeThrou','텍스트 색상','사용 가능','-','저 스 티 파이 왼쪽','저 스 티 파이 센터','저 스 티 파이 센터','저 스 티 파이 오른쪽','주문 목록','무 주문 목록','무 주문 목록','-'-','-'이미지','타 치',','태 치','플래시',','플래시',,'미디어','InsertCode'],상기 조작 을 완성 한 후,이 때 fckeditor 편집 기 를 시작 하면 편집기 의**에 아이콘 이 하나 더 있어 야 합 니 다.이 아이콘 을 누 르 면 코드 를 추가 할 수 있 습 니 다.오류 가 발생 하면 알림 에서 도구 항목 을 찾 을 수 없습니다.FCKEDITOR 의 캐 시 를 지우 지 않 았 습 니 다.배경 을 종료 하거나 캐 시 를 업데이트 하고 새로 고침 하면 코드 가 아이콘 을 삽입 하 는 것 을 볼 수 있 습 니 다.첨부 파일 을 여기에 어떻게 올 려 야 할 지 모 르 겠 어 요파일 패키지 다운로드