네이버 SmartEditor 기본글꼴 변경하기

위지윅 지원 에디터중에 네이버에서 제공하는 smarteditor가 있습니다. 자세한 사용법은 아래  링크를 참고하세요

http://naver.github.io/smarteditor2/user_guide/

SmartEditor2 사용자 가이드 · GitBook

기본 설정은 끝내고 나면 글쓰기의 기본 폰트와 글꼴이 아래 그림과 같이 돋움에 9pt로 설정이되어 나옵니다.

 

위의 기본 글꼴과 폰트 사이즈 변경하는 방법에 대해서 공유 해 봅니다.

 

 

 

해결 방법 

에디터를 적용한 페이지 (전 : write.html 임) 의 스크립트를 보면 초기 글꼴 과 사이즈를 지정 하는 부분이 있습니다.

 

1차 시도 

function setDefaultFont() {
var sDefaultFont = '맑은 고딕';
var nFontSize = 10;
oEditor.setDefaultFont(sDefaultFont, nFontSize);
}

위와 같이 하면 될 것 같은데 전 안되었습니다. 1차 시도 실패 

 

 

2차 시도 

2차 시도 할려고 하는 중 폰트 추가 할 수 있는 부분 발견 에디터 적용 페이지의 아래 함수에 필요한

글꼴 추가 하면됩니다.

 

예) aAdditionalFontList : [["Malgun Gothic","맑은 고딕"], ["Comic Sans MS", "Comic Sans MS"]], // 추가 글꼴 목록

if(window.frameElement){
	jindo.$("se2_sample").style.display = "none";
		function setDefaultFont() {
		var sDefaultFont = '돋움';
		var nFontSize = 11;
		oEditor.setDefaultFont(sDefaultFont, nFontSize);
	}
}else{
	var oEditor = createSEditor2(jindo.$("ir1"), {
		bUseToolbar : true,				// 툴바 사용 여부 (true:사용/ false:사용하지 않음)
		bUseVerticalResizer : true,		// 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
		bUseModeChanger : true,			// 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
		//bSkipXssFilter : true,		// client-side xss filter 무시 여부 (true:사용하지 않음 / 그외:사용)
		 aAdditionalFontList : [["Malgun Gothic","맑은 고딕"], ["Comic Sans MS", "Comic Sans MS"]],	// 추가 글꼴 목록
		
		fOnBeforeUnload : function(){
			//예제 코드
		//	return "내용이 변경되었습니다.";
		}

 

수정할 위치 : css\ko_KR\smart_editor_in.css 에 bodym,se2_inputarea 테크에 아래와 같이 수정

참고 ) 글자크기 10pt 로 할려면 font-size:13px 로 등록해야합니다. 10px 아님

body,.se2_inputarea{margin:0;padding:0;font-family: 'Malgun Gothic','굴림체',Dotum,Helvetica,Sans-serif; font-size: 13px; line-height: 1.5;}