Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12
📌 [번역] CSS 코드 냄새 2013-01-01

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

웹에디터를 커스터마이징하기 위해서 내용을 제어할 수 있어야 할 것이다. 앞서 ‘선택’하는 방법을 썼다. 이번에는 내용을 집어넣는 방법이다.

CKEDITOR.instances.textarea_id.setData('<p>집어넣을 데이터</p>')
//textarea_id는 당연히 각자 상황에 맞는 이름으로.

전체 내용을 가져오는 방법이 getData()다. 거기서 착안해 setData로 해봤더니 작동한다.

내가 궁금한 것은 커서가 위치한 곳에 특정한 element를 집어넣는 방법, 선택한 영역을 특정 오브젝트로 치환하는 방법이다. 더 알아보면 되겠지.

굳이 첨언하자면, ckeditor 안에 있는 내용을 태그 포함해서 다 가져오는 함수는 아래와 같다.

CKEDITOR.instances.textarea_id.getData()

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

댓글 (4개)

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다