CKEditor 웹 편집기 중국어 사용 설명
3202 단어 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>
위의 스 크 립 트 블록 은 웹 페이지 의이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[React] CKEditor 기본 개념 & initData 속성콘텐츠를 웹 페이지나 온라인 애플리케이션에 직접 작성할 수 있게 하는 위지위그 리치 텍스트 에디터이다. CKEditor는 오픈 소스와 상용 라이선스로 이용할 수 있다. → 말 그대로 웹사이트 게시판의 글쓰기 기능에서...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.