CKEditor 웹 편집기 중국어 사용 설명

3202 단어 CKEditor
CKEditor 를 설치 하 는 것 은 쉬 운 작업 이 므 로 아래 의 간단 한 절차 에 따라 완성 할 수 있 습 니 다.1.우리 사이트 에서https://www.jb51.net/codes/21295.htmlCKEditor 의 최신 버 전 을 다운로드 합 니 다.2.다운로드 한 파일 을 사이트 디 렉 터 리 의"ckeditor"폴 더 에 압축 해제 합 니 다.메모:이 파일 들 을 사이트 의 어느 곳 에 나 놓 을 수 있 습 니 다.기본 값 은"ckeditor"입 니 다.설치 편집기 에 설치 결과 가 정상적으로 실 행 될 수 있 는 지 검증 하기 위 한 간단 한 예 웹 페이지 가 첨부 되 어 있 는 지 확인 하 십시오."samples 디 렉 터 리.다음 주 소 를 방문 하여 테스트:http:/<당신 의 사이트 도 메 인 이름>//samples/index.html 예:http://www.example.com/ckeditor/_samples/index.html 통합 은 CKEditor 를 웹 페이지 에 통합 시 킬 수 있 는 방법 이 있 습 니 다.여기 서 가장 자주 사용 하 는 실현 방법 을 소개 합 니 다.첫 번 째 단계:CKEditor CKEditor 를 불 러 오 는 것 은 자바 스 크 립 트 프로그램 입 니 다.웹 페이지 에 파일 참조 만 포함 하면 불 러 올 수 있 습 니 다.만약 에 CKEditor 를 사이트 의"ckeditor"디 렉 터 리 에 설치 했다 면 다음 과 같은 예 를 참조 할 수 있 습 니 다
 
<head>
...
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
상기 방식 으로 불 러 오 면 CKEditor JavaScript API 는 준비 가 되 어 사용 할 수 있 습 니 다.두 번 째 단계:편집기 인 스 턴 스 CKEditor 를 만 드 는 것 은 웹 페이지 의 텍스트 영역(textarea)처럼 작 동 합 니 다.간단 하고 쓰기 쉬 운 사용자 인터페이스,레이아웃 과 풍부 한 텍스트 입력 영역 을 제공 하지만 텍스트 영역 으로 같은 효 과 를 실현 하 는 것 은 쉽 지 않 습 니 다.html 코드 를 입력 해 야 합 니 다.그러나 실제로 CKEditor 는 서버 에 데 이 터 를 전달 하 는 텍스트 영역 을 사용 합 니 다.이 텍스트 영역 은 사용자 에 게 보이 지 않 기 때문에 인 스 턴 스 를 만 들 고 편집 해 야 합 니 다.먼저 인 스 턴 스 를 만 듭 니 다.편집기 에 데 이 터 를 불 러 오 려 면 데이터베이스 에서 데 이 터 를 읽 으 려 면 텍스트 영역(textarea)에 데 이 터 를 넣 으 면 됩 니 다.위의 예 와 같 습 니 다.이 예 에서 저 희 는 텍스트 영역(textarea)을'editor 1'이 라 고 명명 하 였 습 니 다.POST 가 제출 한 데 이 터 를 받 을 때 이 이름 은 서버 작업 에 사 용 됩 니 다.이제 CKEditor Javascript API 를 사용 합 니 다.이 일반적인 텍스트 영역(textarea)을 편집기 인 스 턴 스 로 바 꿉 니 다.이 자바 스 크 립 트 명령 은 필수 입 니 다
 
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
위의 스 크 립 트 블록 은 웹 페이지 의

좋은 웹페이지 즐겨찾기