CKEditor/FCKEditor 는 FCKeditor 2.6.5 를 사용 하여 튜 토리 얼 을 빠르게 사용 합 니 다(그림 삽입 포함)

그 오픈 소스 프로 토 콜 은 GPL,LGPL,MPL 을 바탕 으로 한다.공식 사이트:http://ckeditor.com/ 일반적으로,우 리 는 내용 을 편집 할 때,먼저 textarea 에 읽 은 다음,textarea 의 내용 을 편집기 에 부여 합 니 다.편집기 의 Value 속성 할당 에 직접 내용 을 문자열 로 사용 하 는 것 은 JavaScript 코드 이기 때문에 JS 코드 가 내용 의 작은 따옴표,줄 바 꾸 기 등의 방 해 를 받 지 않 고 먼저 textarea 에 읽 는 것 이 가장 편리 합 니 다.FCKeditor 2.6.5

 
<div><textarea id="fckcontent" name="content">cftea</textarea></div> 
<script type="text/javascript" src="fckeditor/fckeditor.js"></script> 
<script type="text/javascript"> 
<!-- 
var oFCKeditor = new FCKeditor("fckcontent"); 
oFCKeditor.BasePath = "fckeditor/"; // fckeditor      。 
oFCKeditor.Create(); 
//--> 
</script> 

를 사용 하면 display:none 으로 textarea 를 숨겨 야 하 는데 효 과 를 보기 위해 숨 기지 않 습 니 다.이렇게 하면 편집기 가 자동 으로 fckcontent 와 연 결 됩 니 다.웹 페이지 를 열 때 FCKeditor 는 textarea 의 내용 을 자동 으로 읽 고 제출 할 때 그 내용(자동 으로 XHTML)을 textarea 에 부여 합 니 다.주의 하 세 요.우리 textarea 의 id 는 name 값 과 다 릅 니 다.왜 일 까요?이 버 전이 완벽 하지 않 은 곳 일 것 입 니 다.textarea 의 id 와 name 값 을 같 게 설정 하면 FCKeditor 텍스트 영역의 name 값 도 content 입 니 다.서버 쪽 Request.Form("content").count 는 두 개 입 니 다.서버 쪽 에서 값 을 추출 하 는 것 이 조금 불편 합 니 다.Request.Form("content")(0)을 사용 해 야 합 니 다.만약 우리 가 id 를 fckcontent 로 설정한다 면,FCKeditor 텍스트 영역의 name 은 fckcontent 로 textarea 와 다른 이름 입 니 다.편집기 너비 와 높이 var oFCKeditor=new FCKeditor("fckcontent",500,300)를 설정 합 니 다.또는

 
var oFCKeditor = new FCKeditor("fckcontent"); 
oFCKeditor.Width = 500; 
oFCKeditor.Height = 300; 

도구 막대 var oFCKeditor=new FCKeditor("fckcontent",500,300,"Basic")를 설정 합 니 다.네 번 째 매개 변 수 를 주의 하 십시오.선택 할 수 있 는 값 은 Basic,Default 입 니 다.대소 문자 가 틀 리 지 않도록 주의 하 십시오.각각 기본 도구 막대,기본 도구 막대(모든 단추)를 표시 합 니 다.초기 값,설정 값,수치 설정 초기 값 을 설정 하 는 것 은 실제 적 으로 초기 값 을 설정 하 는 데 사용 되 지 않 습 니 다.일반적으로 textarea 와 관련 되 기 때문에 간단하게 열거 할 뿐 깊이 연구 하지 않 습 니 다.연 결 된 textarea 가 존재 한다 면 초기 값 을 부여 하 는 것 은 소 용이 없다 는 것 을 설명 합 니 다.var oFCKeditor=new FCKeditor("fckcontent 2",500,300,"Default","우리");또는

 
var oFCKeditor = new FCKeditor("fckcontent2", 500, 300, "Default"); 
oFCKeditor.BasePath = "fckeditor/"; 
oFCKeditor.Value = "cftea"; //     Create    
oFCKeditor.Create(); 

설정 값 이 이 예 시 를 보 여 주 려 면 단추 의 이벤트 처리 프로그램 에 놓 는 것 이 좋 습 니 다.지연 되 는 것 이 목적 입 니 다.그렇지 않 으 면 FCKeditorAPI 가 정의 되 지 않 았 다 고 말 합 니 다.

 
var oEditor = FCKeditorAPI.GetInstance("fckcontent"); 
oEditor.SetHTML("  "); 

이 예 시 를 보 여 주 려 면 단추 의 이벤트 처리 프로그램 에 놓 는 것 이 좋 습 니 다.지연 되 는 것 이 목적 입 니 다.그렇지 않 으 면 FCKeditorAPI 가 정의 되 지 않 았 다 고 말 합 니 다.

 
var oEditor = FCKeditorAPI.GetInstance("fckcontent"); 
alert(oEditor.GetXHTML()); //          GetHTML，      GetHTML。 

위험 합 니 다.

 
var oEditor = FCKeditorAPI.GetInstance("fckcontent"); 
oEditor.SetHTML("  "); 
alert(oEditor.GetXHTML()); //                。       ，       ，    alert  。 

그림 을 삽입 하여 이 예 시 를 보 여 주 려 면 단추 의 이벤트 처리 프로그램 에 두 는 것 이 좋 습 니 다.지연 되 는 것 이 목적 입 니 다.그렇지 않 으 면 FCKeditorAPI 가 정의 되 지 않 았 다 고 말 할 수 있 습 니 다.FCKeditorAPI.GetInstance("fckcontent").InsertHtml("");