CKEditor/FCKEditor 사용 CKeditor 3.0.1 빠 른 튜 토리 얼 사용(그림 삽입 포함)

편집기 의 Value 속성 할당 에 직접 내용 을 문자열 로 사용 하 는 것 은 JavaScript 코드 이기 때문에 JS 코드 가 내용 의 작은 따옴표,줄 바 꾸 기 등의 방 해 를 받 지 않 고 먼저 textarea 에 읽 는 것 이 가장 편리 합 니 다.CKeditor 3.0.1

 
<textarea cols="90" rows="10" id="content" name="content">cftea</textarea> 
<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 
<script type="text/javascript"> 
<!-- 
CKEDITOR.replace("content"); 
//--> 
</script> 

을 사용 하면 알 수 있 듯 이 3.x 버 전의 사용 이 매우 편리 하고 두 개의 동명 콘 텐 츠 가 형 성 될 염려 도 없다.실제로 textarea 의 id 를 생략 해도 됩 니 다.CKEditor 는 name 을 누 르 면 찾 을 수 없고 id 를 누 르 면 찾 을 수 있 기 때 문 입 니 다.또한 편집 기 는 textarea 의 위치 에서 기 존의 textarea 를 교체 합 니 다.편집기 피부,너비

 
<textarea cols="90" rows="10" id="content" name="content">cftea</textarea> 
<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 
<script type="text/javascript"> 
<!-- 
CKEDITOR.replace("content", 
{ 
skin: "kama", width:700, height:300 
}); 
//--> 
</script> 

skin 값 을 설정 하면 ckeditor/skins 폴 더 의 한 폴 더 이름 이 어야 합 니 다.존재 하지 않 는 피 부 를 가리 키 면 편집 기 를 표시 하지 않 습 니 다.설정 값,추출 값 설정 값 CKEDITOR.instances.content.setData("우리");/content 는 바로 앞의 CKEDITOR.replace 의 첫 번 째 매개 변수 값 이나

 
var editor = CKEDITOR.replace("content"); 
editor.setData("  "); 

수치 alert(CKEDITOR.intances.content.getData())입 니 다./content 는 바로 앞의 CKEDITOR.replace 의 첫 번 째 매개 변수 값 이나 var editor=CKEDITOR.replace("content")입 니 다.alert(editor.getData()); 그림 을 삽입 하려 면 이 예제 를 보 여 주 려 면 단추 의 이벤트 처리 프로그램 에 두 는 것 이 좋 습 니 다.지연 되 는 것 이 목적 입 니 다.CKEDITOR.instances.content.insertHtml("");