ckeditor - div 기반 편집기

Question

ckeditor를 사용하여 내 웹 사이트의 편집 가능 영역을 만들고 싶습니다. 이 편집 가능한 영역은 ckeditor does과 같은 html 형식의 요소를 표시해야하며 그 외에도 글꼴 및 색상이 내 웹 사이트의 스타일과 일치하도록하고 싶습니다.

<script type="text/javascript" src="ckeditor.js"></script> 
<div contenteditable="true">my content...</div> 

그것은 작동

하지만 필요하지 않은 무언가가 : 편집기가 표시되고있는 경우 사라는

이

해결책은 아주 간단한 것 같다, 나는 이런 식으로 뭔가를 쓰는 인라인 편집 기능을 사용할 수 있습니다 div 요소에 포커스가 있는지 여부. 하지만, 매순간 편집인에게 보여주고 싶습니다!

텍스트 영역 (다른 모든 포럼 읽기) 만 가능하지만 텍스트 영역은 내 웹 사이트 스타일 시트와 일치하지 않는 것 같습니다! 내가 ckeditor의 웹 사이트에이 예제를보고 약간의 검색 후

: http://ckeditor.com/demo#div

그것은 정확히 내가 필요로하는 것입니다! 사라지지 않는 인라인 편집기!

문제는 :

나는 코드로 그렇게 할 수 아니에요, 나는 그와 같은 편집기를 만들 수있는 기본 코드 무엇인지 이해할 수 없다! 도와 줄수있으세요?

Answer 1

나는 googled했습니다 here!

CKEditor 용 divarea 플러그인이 필요합니다. download page.

<script>CKEDITOR.replace('my_text_area', { extraPlugins : 'divarea' });</script> 

을하거나 CKEditor의 config.js에 플러그인을 추가 할 수 있습니다 :

이 플러그인을 설치 한 후, 당신은 이런 식으로 편집기를 실행한다

CKEDITOR.editorConfig = function(config) { 
    config.extraPlugins = 'divarea' 
}; 

는 희망이 도움이

를 (그것을해야한다!)