온라인 편집기
온라인 편집기는 WYSIWYG 편집기라고도 하며 일반적인 HTML 소스 코드 편집기입니다.
보이는 대로 얻는다: 사용자가 입력하면 형식과 스타일이 모두 시스템에 그대로 저장될 수 있습니다. 마지막으로 볼 때 사용자가 입력한 원래 구조를 기반으로 출력될 수 있습니다.
온라인 편집기 카테고리
시중에는 흔히 사용되는 온라인 편집기들이 많이 있는데, FCKeditor(온라인 편집기 + Ajax 브라우저 서버 파일 관리자, 무료), Ckeditor( 콘텐츠와 지식, 온라인 편집기는 서버측 파일 관리자와 분리, 온라인 편집기는 무료, 서버측 파일 관리자는 유료(CKfinder)), 바이두의 Ueditor, Kindeditor
온라인 편집기 기능
온라인 편집자는 보이는 대로 얻는다.
기능
Ckeditor&Ckfinder
Ckeditor는 오랜 역사를 가지고 있으며 국내외 웹 프로젝트에 널리 사용되고 있습니다.
기본적으로 모든 온라인 에디터는 플러그인 개수(기능)만 다를 뿐 동일합니다.
Ckeditor를 사용하는 이유는 무엇인가요?
Ckeditor 설치
얻은 Ckeditor의 압축을 풀고 해당 프로젝트 위치에 넣어서 사용하세요.
기본: 기본, 더 적은 기능 포함
표준: 표준, 모든 공통 기능 포함
full: 완전한, 모든 기능 포함
다운로드:
2 지정된 디렉터리에 압축을 푼다
3 Ckeditor의 압축을 푼다 파일
Ckeditor 디렉토리 구조
Ckeditor 사용
을 사용해야 하는 프로젝트 위치에 클립합니다. 현재 편집할 수 있는 html 소스 코드의 form 요소: textarea
따라서 온라인 편집기의 사용은 Ckeditor js 파일을 로드하는 textarea 요소
1을 기반으로 합니다. /ckeditor/ckeditor.js
2 인터페이스에 textarea 요소가 있어야 합니다.
3 textarea를 해당 Ckeditor 편집기로 교체하세요.
a) 가장 간단한 방법은 Ckeditor 값을 사용하여 textarea 태그에 클래스 속성을 추가하는 것입니다.
textarea 요소에는 id 또는 name 속성 중 하나가 있어야 합니다
b) 표준 방식: Ckeditor에서 제공하는 CKEDITOR 클래스와 대체 메서드를 사용합니다.
myck1은 id 값 또는 name 속성 값일 수 있습니다.
c) 고급 방법: 텍스트 영역 대체에 jQuery를 사용합니다
처음 로드하려면 jQuery.js
CKEDITOR에서 제공하는 jQuery용 인터페이스 파일 jquery.js를 로드합니다. /ckeditor/adapters/jquery.js
jQuery 구문을 사용하여 텍스트 영역 요소 교체
구성(사용자 정의) Ckeditor
Ckeditor는 세 가지 구성 방법을 제공합니다
구성 파일 수정 
효과
특징: 프로젝트의 모든 Ckeditors는 config.js의 영향을 받습니다.
2 구성 파일을 사용자 정의합니다. 형식은 시스템 구성 파일 config.js와 일치합니다.
새 사용자 구성 파일을 생성합니다. 구성 파일의 형식은 구성과 완전히 일치합니다. js 형식
구성 옵션 수정
사용자 정의된 구성 파일을 사용해야 하는 Ckeditor 인스턴스에 사용자 정의된 구성 파일을 로드합니다. 구성 파일.
참고:
기본 버전을 사용하여 Ckeditor를 로드하면 사용자 정의 구성 파일을 사용할 수 없습니다
표준 버전과 jquery 버전만 사용할 수 있습니다.
기능: 사용자 정의된 구성 파일이 로드된 Ckeditor 인스턴스만 영향을 받고 다른 인스턴스는 영향을 받지 않습니다. (이 방법이 더 일반적으로 사용됩니다)
이상으로 온라인 편집기인 Ckeditor(1) - php(30) 관련 내용을 소개하였고, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되었으면 좋겠습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
