네이버 smarteditor 예제

<?php
include("header.php");
if( ! $login ) {
    echo "<script>";
    echo "alert(\"회원만 가능합니다.\");";
    echo "location.href='/';";
    echo "</script>";
    exit;
}
$id = 0;
$title = "";
$content = "";
$writer = "";
$mode = "add";
if( isset($_GET['id']) ) $id=(int)$_GET['id'];
if( $id ) {
    $sql = "select * from blog where id={$id}";
    if( $rs = $db->query($sql) ) {
        if( $row = $rs->fetch() ) {
            $title = $row['title'];
            $content = $row['content'];
            $writer = $row['writer'];
            $mode = "up";
        }
    }
}
?>
<h2>글쓰기</h2>
<form action="write_ok.php" method="POST" enctype="multipart/form-data">
<!-- enctype="multipart/form-data" 업로드 시 필수 -->
    <div class="form-group">
        <input type="hidden" name="mode" id="mode" value="<?php echo $mode;?>">
        <input type="hidden" name="id" id="id" value="<?php echo $id;?>">
        <label for="title">제목</label>
        <input type="text" name="title" id="title" class="form-control" required placeholder="제목을 입력하세요" value="<?php echo $title;?>" autocomplete="off">
    </div>
    <div class="form-group">
        <label for="writer">글쓴이</label>
        <input type="text" name="writer" id="writer" class="form-control" required placeholder="글쓴이를 입력하세요" value="<?php echo $writer;?>" autocomplete="off">
    </div>
    <div class="form-group">
        <label for="content">본문</label>
        <textarea name="content" id="content" class="form-control" required placeholder="본문을 입력하세요" rows="10" autocomplete="off" style="display:none;"><?php echo $content;?></textarea>
    </div>
    <div class="form-group">
        <label for="upfile">첨부파일</label>
        <input type="file" name="upfile" id="upfile" class="form-control">
    </div>
    <button onclick="submitContents(this)" class="btn btn-success btn-lg">글 등록하기</button>
</form>

<script type="text/javascript" src="./smarteditor/js/service/HuskyEZCreator.js" charset="utf-8"></script>
<script type="text/javascript">
var oEditors = [];

var sLang = "ko_KR";    // 언어 (ko_KR/ en_US/ ja_JP/ zh_CN/ zh_TW), default = ko_KR

// 추가 글꼴 목록
//var aAdditionalFontSet = [["MS UI Gothic", "MS UI Gothic"], ["Comic Sans MS", "Comic Sans MS"],["TEST","TEST"]];

nhn.husky.EZCreator.createInIFrame({
    oAppRef: oEditors,
    elPlaceHolder: "content",
    sSkinURI: "./smarteditor/SmartEditor2Skin.html",
    htParams : {
        bUseToolbar : true,             // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
        bUseVerticalResizer : true,     // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
        bUseModeChanger : true,         // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
        //bSkipXssFilter : true,        // client-side xss filter 무시 여부 (true:사용하지 않음 / 그외:사용)
        //aAdditionalFontList : aAdditionalFontSet,     // 추가 글꼴 목록
        fOnBeforeUnload : function(){
            //alert("완료!");
        },
        I18N_LOCALE : sLang
    }, //boolean
    fOnAppLoad : function(){
        //예제 코드
        //oEditors.getById["ir1"].exec("PASTE_HTML", ["로딩이 완료된 후에 본문에 삽입되는 text입니다."]);
    },
    fCreator: "createSEditor2"
});

function submitContents(elClickedObj) {
    oEditors.getById["content"].exec("UPDATE_CONTENTS_FIELD", []);  // 에디터의 내용이 textarea에 적용됩니다.

    // 에디터의 내용에 대한 값 검증은 이곳에서 document.getElementById("ir1").value를 이용해서 처리하면 됩니다.

    try {
        elClickedObj.form.submit();
    } catch(e) {}
}

</script>

<?php include("footer.php");?>