목차

Ckeditor

  • description : Ckediotr 관련 내용 기술
  • author : 주레피
  • email : dhan@repia.com
  • lastupdate : 2020-03-24

이미지 업로드

ckeditor 4 + spring + 파일 업로드 - (주레피) 확인된 자료 전자정부 표준프레임워크 - CKEditor 적용하기

Example

ckeditor4 example
ckeditor-tutorial
client-side-programming

Getter, Setter

내용 입력

CKEDITOR.instances.${editor ID}.setData('<p>데이터</p>');

내용 가져 오기

CKEDITOR.instance.${editor ID}.getData();

ckeditor, 자바스크립트로 내용 집어넣기(전체 내용 바꾸기)

Tip

Ajax로 Form 데이터를 전송할 때 CKEDIOTR로 변환 된 textarea값을
다시 변경해야 데이터가 전달된다.

function CKupdate()
{
  for(instance in CKEDITOR.instances)
    CKEDITOR.instances[instance].updateElement();
}

Troubleshooting

Ref