네이버 스마트에디터 툴바 비활성화, 사용여부 설정

 

네이버 스마트에디터에서 툴바를 비활성화하는 방법을 알아보겠습니다.

 

먼저 id를 description으로 해서 에디터로 사용할 textarea를 선언합니다.

<!-- 스마트에디터 -->
<script type="text/javascript" src="${context}/smarteditor/js/service/HuskyEZCreator.js?ver=0.1" charset="utf-8"></script>

<textarea name="descrption" id="description" rows="5" style="width:100%; height:100px">${description}</textarea>

 

스마트에디터를 삽입하는 스크립트에서 툴바 사용여부, 입력창 크기조절바 사용여부, 모드 탭(우측 하단) 등을 설정할 수 있습니다.

defautl 값은 모두 true입니다.

 

에디터 비활성화는 fOnAppLoad 함수에서 아래와 같이 선언하시면 회색으로 표시되면서 disable 됩니다. (툴바 사용이 true인 경우)

<script type="text/javascript">
	// smarteditor 삽입
	var oEditors= [];
	nhn.husky.EZCreator.createinFrame({
		oAppRef.oEditors,
		elPlaceHolder: "description",
		sSkinURI: "${경로}/smarteditor/SmartEditor2Skin.html",
		htParams: {
			// 툴바 사용여부 (true: 사용, false: 미사용)
			bUseToolbar: false,	
			// 입력창 크키 조절바 사용여부 (true: 사용, false: 미사용)
			bUseVerticalResizer: false,	
			// 모드 탭(Editor | HTML | TEXT) 사용여부 (true: 사용, false: 미사용)
			bUseModeChanger: false	
		},
		fCreator: "createSEditor2",
		// 에디터 Disable
		fOnAppLoad: function() {
			var editor = oEditors.getById["description"];
			editor.exec("DISABLE_WYSIWYG");	
			editor.exec("DISABLE_ALL_UI");
		}
	});
 </script>

 

툴바, 입력창 크기 조절바, 모드 탭을 모두 끄면 textarea처럼 보입니다.