네이버 smarteditor2.0 연동하기

스마트에디터 파일 링크
https://drive.google.com/file/d/1_un6Rj492GdSuJQVuqf0FaG6YeMw2_Pm/view?usp=sharing

 

 

 

게시판 작성 (write.php) 작성할때

 

<form action="comp_insert.php" name="frm" id="insertBoardFrm" method="POST">

 

<textarea name="content"> 부분 네이버 스마트에디터 연동하기.

 

 

<script type="text/javascript"> src="./smarteditor2/js/HuskyEZCreator.ja" charset="utf-8"></script> <--여기서 경로는 본인에게 맞게 수정.

 

<textarea name="content"></textarea> <-- 에디터 적용 될 textarea
                                    
                    
                                
<script type="text/javascript">                                

 

                               $(function(){
                                        //전역변수
                                        var obj = [];
                                        //스마트에디터 프레임생성
                                        nhn.husky.EZCreator.createInIFrame({
                                            oAppRef: obj,
                                            elPlaceHolder: "content", // textarea의 name태그
                                            sSkinURI: "./smarteditor2/SmartEditor2Skin.html",  // 본인 경로게 맞게 수정
                                            htParams : {
                                                // 툴바 사용 여부
                                                bUseToolbar : true,
                                                // 입력창 크기 조절바 사용 여부
                                                bUseVerticalResizer : true,
                                                // 모드 탭(Editor | HTML | TEXT) 사용 여부
                                                bUseModeChanger : true,
                                            },
                                            fCreator: "createSEditor2"
                                        });
                                        function pasteHTML(filepath) {
                                            var sHTML = '';
                                            oEditors.getById["content"].exec("PASTE_HTML", [sHTML]);
                                        }
                                        //전송버튼
                                        $("#insertBoard").click(function(){
                                            //id가 smarteditor인 textarea에 에디터에서 대입
                                            obj.getById["content"].exec("UPDATE_CONTENTS_FIELD", []);
                                            //폼 submit <- 여기부턴 유효성검사
                                            if(frm.title.value == ""){
                                                alert('제목을 입력하세요');
                                                frm.title.focus();
                                                return;
                                            }
                                            var content = $("#content").val();
                                            if( content == ""  || content == null || content == ' ' || content == '')  {
                                                 alert("내용을 입력하세요.");
                                                 oEditors.getById["content"].exec("FOCUS"); //포커싱
                                                 return;
                                            }

                                            $("#insertBoardFrm").submit();
                                        });
                                    };

</script>

<!-- 저장버튼-->

<button type="button" id="insertBoard">저장</button>

</form>