반응형


SmartEditor2 사용방법


해당 js파일 및 html 파일은 아래의 네이버깃허브에서 받아서 사용하면된다.

https://github.com/naver/smarteditor2


아래의 링크는 이용가이드이다.

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



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
<script type="text/javascript" src="<%=ctx %>/SE2/js/HuskyEZCreator.js" charset="utf-8"></script>
<script type="text/javascript">
var oEditors = [];
 
$(function(){
   nhn.husky.EZCreator.createInIFrame({
      oAppRef: oEditors,
      elPlaceHolder: "ir1",
      //SmartEditor2Skin.html 파일이 존재하는 경로
      sSkinURI: "/smarteditorSample/SE2/SmartEditor2Skin.html",  
      htParams : {
          // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
          bUseToolbar : true,             
          // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
          bUseVerticalResizer : true,     
          // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
          bUseModeChanger : true,         
          fOnBeforeUnload : function(){
               
          }
      }, 
      fOnAppLoad : function(){
          //textarea 내용을 에디터상에 바로 뿌려주고자 할때 사용
          oEditors.getById["ir1"].exec("PASTE_HTML", ["ㅎㅇ 시작하자마자 이문구 작성됨."]);
      },
      fCreator: "createSEditor2"
      });
</script>
</head>
<body>
     <textarea rows="10" cols="30" id="ir1" name="ir1"></textarea>
</body>
</html>
cs


반응형

'개발 > API' 카테고리의 다른 글

[폰트] 외부폰트 적용 (css 폰트 적용)  (0) 2019.03.28
[charts] 구글 차트 (원형) - google PieChart  (0) 2019.03.19

+ Recent posts

티스토리툴바