Category Archives: FCKEditor & CKEditor

[ckeditor] jQuery 아답터(adaptor) 함수들

Posted on by
Reply
ckeditor는 기본으로 jQuery 아답터를 갖고 있다. 심지어 W3C schools에도 jQuery가 기본 설명으로 들어갈 정도니, jQuery의 위상은 정말 높은 것 같다. 당연히 기본적인 사용법을 보렴면 documentation을 봐야 한다.대충 요약한다.일단 jQuery 아답터를 사용하렴면 아래처럼 코드를 서야 한다. 2번째 줄이 추가로 필요한 줄이다. <script type="text/javascript" src="/ckeditor/ckeditor.js"></script> <script … ▶전문 보기

FCKeditor, 내용을 에디터에 집어넣는 소스

Posted on by
Reply
FCKeditor 플러그인을 만들려면 필수 코드고, 이 코드만 알면 많은 것을 할 수 있을 것이다. 굳이 플러그인까지 만들지 않고도 말이다.코드 자체는 아주 간단하다.FCKeditorAPI.GetInstance('FCKeditor이름').InsertHtml(HTML코드);위에서 FCKeditor이름 부분은$oFCKeditor = new FCKeditor('FCKeditor이름') ;위 부분에 나오는 걸 말하는 거다.당연히, FCKeditor API를 보면 더 많은 걸 알 수 있다. … ▶전문 보기

fckeditor/ckeditor에서 글쓰기 모드 자체를 미리보기처럼 만들기(커스텀 CSS)

Posted on by
Reply
많은 사람들이 글쓰기 모드와 실제 보이는 게 같기를 바란다. ckeditor에서는 그렇게 할 수 있다. 물론 fckeditor에서도 할 수 있다. config 파일 설정 기본적으로 아래에 나오는 코드를 ckeditor 폴더에 있는 config.js에 써 주면 된다. 그럼 이게 기본 설정이 된다. 아래 코드를 참고하라. /* Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ CKEDITOR.editorConfig … ▶전문 보기

ckeditor의 checkDirty()와 resetDirty()는 무엇인가?

Posted on by
Reply
ckeditor, 자바스크립트로 내용 집어넣기(전체 내용 바꾸기)에서 다운받으면 나오는 _samples의 API를 보면 몇몇 API는 쉽게 볼 수 있다고 썼다. ckeditor/_samples/api.html 가 바로 그 API 페이지다. 여기에는 checkDirty와 resetDirty라는 버튼이 있다. 이건 뭔고하니, 간단하다. 페이지에 변화가 있었는지 없었는지 체크하는 것이다. 변화가 있었다면 true, 없었다면 false를 반환한다. 수정하러 들어왔다가 … ▶전문 보기

ckeditor, javascript의 appendChild(child) 처럼 html 추가하기

Posted on by
2
ckeditor, 자바스크립트로 내용 집어넣기(전체 내용 바꾸기)에서 전체 내용을 바꾸지 않고 html을 추가하는 방법이 궁금하다고 썼는데, API만 뒤지다가 삽질한 것 같다. ckeditor를 다운로드하면 기본으로 제공하는 samples에 기본적으로 사용할 수 있는 API가 있었다. 코드는 아래와 같다. function InsertHTML() { // 원하는 에디터의 인스턴스를 가져온다. var oEditor = CKEDITOR.instances.editor1; var value … ▶전문 보기

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

Posted on by
Reply
웹에디터를 커스터마이징하기 위해서 내용을 제어할 수 있어야 할 것이다. 앞서 '선택'하는 방법을 썼다. 이번에는 내용을 집어넣는 방법이다. CKEDITOR.instances.textarea_id.setData('<p>집어넣을 데이터</p>') //textarea_id는 당연히 각자 상황에 맞는 이름으로. 전체 내용을 가져오는 방법이 getData()다. 거기서 착안해 setData로 해봤더니 작동한다. 내가 궁금한 것은 커서가 위치한 곳에 … ▶전문 보기

ckeditor에서 에디터 인스턴스 접근 방법과 선택 영역 구하는 함수

Posted on by
Reply
ckeditor를 커스터마이징해야 해서 API를 좀 뜯어 봤다.초보다 보니 눈이 막 돌아간다. 게다가 영어... OTL;;하지만 노력해서 몇 가지를 알아 냈다. 메모해 둔다.일단, 에디터 인스턴스는 이렇게 접근한다. CKEDITOR.instances.textarea_id //textarea_id는 ckeditor를 만든 textarea의 id //CKEDITOR는 자동으로 만들어진다. 여기서 선택한 놈을 고르려면 아래처럼 쓴다. CKEDITOR.instances.textarea_id.getSelection().getNative() 사실 … ▶전문 보기

[링크]그누보드에 fckeditor 붙이기

Posted on by
Reply
그누보드는 나름대로는 깔끔한 게시판 프로그램이다. 물론, 새로 사이트를 만들 생각이라면 나는 웹표준을 준수한 제로보드XE를 사용해 보는 게 어떤가 한다. 네이버가 밀고 있는 프로그램이라 앞날도 밝다. 좀더 생각이 있다면 해외에서 나온 빌더들을 사용하는 것도 좋다고 생각한다. 코드 이그니터는 한국 사용자 포럼이 만들어질 정도로 괜찮다고 하는 빌더인데, 나도 한 번 탐구해 … ▶전문 보기

ckeditor에서 jquery ajaxform 사용하게 해 주는 플러그인

Posted on by
Reply
ckeditor는 엄청 유명한 위지윅 에디터인 fckeditor가 새단장을 한 최신버전이다. fckeditor를 완전히 자바스크립트로만 구현했고, 코어와 플러그인을 구분해서 속도를 향상시켰다고 한다.(ckeditor 데모) 다만, 단점이 있는데 file manager가 없다는 점이다. fckeditor에는 파일 매니저가 기본으로 들어있다. 그래서 그림 첨부 같은 것을 할 때, 아래처럼 탐색을 할 수 있었는데, ckeditor에서는 ckfinder라는 … ▶전문 보기