2014-11-26 3 views
2

나는 우리가 내가 시도이 플러그인의 글꼴 - 가족 및 글꼴 크기, 가설정 글꼴 크기와 글꼴 - 가족은

를 사용하여 설정할 수있는 방법을 물어보고 싶은

ckeditor 함께 일하고

CKEDITOR.config.font_defaultLabel = 'Arial'; 
CKEDITOR.config.fontSize_defaultLabel = '12px'; 

하지만 이러한 명령은 단지 프런트 엔드 (글꼴 이름과 크기) 뭐죠 길 밖으로

을 변경?

답변

2

config.contentsCss 옵션을 사용하여 editor configuration에 추가 된 별도의 파일에서 변경하려는 CKEditor 콘텐츠의 기본 CSS 스타일을 재정의하는 것이 미래의 가장 확실한 방법 (1)입니다.

은 CKEditor SDK에서이 시나리오 작업 샘플을 참조하십시오 :이 샘플 "사용자 정의 스타일 클래식 편집기"아래로 http://sdk.ckeditor.com/samples/classic.html

스크롤; 샘플 페이지의 "샘플 소스 코드 가져 오기"섹션에서이 솔루션의 정확한 소스 코드를 다운로드 할 수 있습니다. 그것은, 그래서 모든 컨텐츠 스타일 in inline editor content styles are the same as the page stylesclassic editor 만 유효 함을 기억하십니까

<script> 
    CKEDITOR.replace('myeditor', { 
     /* Default CKEditor styles are included as well to avoid copying default styles. */ 
     contentsCss: [ 'contents.css', 'classic.css' ] 
    }); 
</script> 

이 경우 사용자 정의 글꼴 및 기타 스타일은 다음과 에디터 인스턴스 구성에 제공되는 별도의 classic.css 파일에 정의 된 페이지 스타일 시트에서 직접 가져옵니다.

(1) upgrade CKEditor 변경 사항을 덮어 쓸 위험이 없으므로이 방법은 기본 contents.css 파일을 수정하는 것보다 낫습니다.

1

classic editor을 사용하는 경우 CKEditor의 루트 폴더에있는 contents.css 파일을 확인하십시오. <body> 요소 (편집 영역)의 모든 HTML 요소에 대해 글꼴을 포함한 스타일을 변경할 수 있습니다.

기본값 인 config.css을 수정하는 대신 추가 CSS 파일을 config.contentsCss과 함께로드하도록 지정할 수 있습니다. 이렇게하면 향후 업그레이드 할 때 두통을 피할 수 있습니다. Anna 님의 댓글보기

관련 문제