네이버 스마트에디터 그누보드5 적용하기 > 그누보드5 팁자료실

그누보드5 팁자료실

네이버 스마트에디터 그누보드5 적용하기 정보

네이버 스마트에디터 그누보드5 적용하기

첨부파일

SmartEditor.zip (567.0K) 1069회 다운로드 2014-06-02 15:32:46

본문

네이버에서 배포하는 스마트에디터(http://dev.naver.com/projects/smarteditor)를 그누보드5 에 적용시키는 방법을 공유 하고자 게시판에 올립니다.

기본적으로 그누보드5는 /plugin/editor 디렉토리에 사용하고자 하는 DHTML 에디터 파일을 업로드 하고 관리자페이지 - 환경설정에서 에디터를 선택하는 것으로 사용할 준비가 끝납니다.

첨부해 드린 파일을 압축을 풀어 서버에 업로드 후, 스마트에디터를 선택하여 사용하실수 있습니다.

주의사항은 단순히 게시판에 글쓰기를 할 경우에는 정상적으로 작동하나
한페이지에 여러개의 입력필드를 사용할 경우에는 제일 처음에 호출하는 에디터만 작동합니다.

예를들어 관리자페이지 게시판 정보를 수정할 경우, 상단내용만 정상적으로 처리하고
하단내용,모바일상단내용,모바일하단내용은 빈 칸으로 표시되므로

게시판에 꼭 스마트에디터를 사용할 필요가 있을때에 감안하시고 사용하시기 바랍니다.

에디터 이미지 저장은 /data/editor/년월/ 디렉토리에 파일명이 중복되지 않도록 작업했습니다.

잘 사용하시기 바랍니다.
추천
7

댓글 18개

그누보드 현재 최신버전 설치된 상태에서, 윈도우 서버, 리눅스 서버 모두 정상작동되는것 확인하고 올린 자료입니다.
/data/editor/1406 이란 폴더가 잘 생성 되는지 확인해보십시요.
리눅스 mkdir 권한 문제로 안될 가능성도 있습니다.
감사합니다ㅠㅠ 카페24에 최신버전 깔아서 적용했는데 익스플로러, 스윙에서 이미지 업로드가 안되네요 ㅠㅠ 서버에 이미지는 저장되는데....
한글도메인쓰는 다른 사이트에 올려서 다시 테스트해봤는데 한글도메인에서는 모든브라우저 실행이 안되는 현상이 ㅠㅠㅠㅠㅠ
쪽지로 사이트주소 보내드릴게요~~^^
보내주신 사이트에서 크롬하고 익스플로러11로 테스트 해 보니 사진 업로드 잘됩니다.

한글 도메인은 테스트 해보지 않아서, 잘 모르겠습니다.
답변 감사합니다^^ 저도 방금 익스플로러 11에서 테스트해보니 정상작동하네요.
익스플로러 하위버전, 스윙에서만 작동안하는가봅니다.
드래그해서 사진첨부하는창으로 뜨면 정상작동, 파일찾아 첨부하는창으로 뜨면 비정상작동되는게 아닌가 추측해봅니다...
좋은 소스 나눔 감사드리고 좋은하루되세요.
염치없지만 혹시나 추후 패치되면 쪽지한통 보내주시면 큰 도움이될것같습니다.
게시글 수정이 안돼서 댓글로 수정한 파일 올립니다.

제가 익스플로러 하위버전 테스트 환경이 없어서 테스트 해보진 않았습니다. 피드백 부탁드리구요.

photo_uploader/popup/file_uploader.php 를 아래 소스로 수정해보시기 바랍니다.

<?php
require_once("_config.php");

// default redirection

$url = $_REQUEST["callback"].'?callback_func='.$_REQUEST["callback_func"];

$bSuccessUpload = is_uploaded_file($_FILES['Filedata']['tmp_name']);


// SUCCESSFUL

if(bSuccessUpload) {


$tempfile = $_FILES['file']['tmp_name'];
$name = $_FILES['file']['name'];


$filename_ext = strtolower(array_pop(explode('.',$name)));

$allow_file = array("jpg", "png", "bmp", "gif");



if(!in_array($filename_ext, $allow_file)) {

$url .= '&errstr='.$name;

} else {

    $file = $_FILES['upload']['name'];
        $pos = strrpos($file, '.');
        $filename  = substr($file, 0, $pos);
        $extension = substr($file, $pos, strlen($file) - $pos);
    $file_name = sprintf('%u', ip2long($_SERVER['REMOTE_ADDR'])).'_'.get_microtime().$extension;

    $savefile = SAVE_DIR . '/' . $file_name;



        move_uploaded_file($tempfile, $savefile);
        $filesize = filesize($savefile);
    $url .= "&bNewLine=true";
$url .= "&sFileName=".$file_name;
$url .= "&sFileSize=". $filesize;
$url .= "&sFileURL=". SAVE_URL ."/". $file_name;
}
}
// FAILED
else {
$url .= '&errstr=error';
}

header('Location: '. $url);

?>
좋은 정보 감사합니다.
그런데 혹시 일반 커뮤니티 이지만 광고로 수익내고 있는 사이트인데도,
스마트 에디터를 사용해도 될까요?
제재를 당할지가 의문이라서 ㅠㅠ 정보감사합니다.
제 개인적인 생각은 수익이 나는 사이트라도 가져다 쓰는데 별 문제가 없다고 보는데
더 확실한 것은 네이버에 문의하셔야 할 것 같습니다.
HTML5 방식이 아닌 파일첨부 방식의 오류 수정...

1. photo_uploader.html 파일
오류내용은 <form> 의 action="" 주소와 <input type="file">의 name 지정이 잘못되었습니다.
<form id="editor_upimage" name="editor_upimage" action="file_uploader.php" method="post" enctype="multipart/form-data" onSubmit="return false;">
<input type="file" class="upload" id="uploadInputBox" name="upload">

2. file_uploader.php
업로드 이미지의 이름(name), 기타 변수명 등 부분부분 수정이 있습니다.
전체 복사 붙이기 하거나, 주석문(# 로 시작하는 부분)을 참조하세요.

<?php
require_once("_config.php");

// default redirection

$url = $_REQUEST["callback"].'?callback_func='.$_REQUEST["callback_func"];

$bSuccessUpload = is_uploaded_file($_FILES['upload']['tmp_name']); # 첨부이미지명 upload 으로 수정


// SUCCESSFUL

if($bSuccessUpload) { # 변수명 앞에 $ 가 빠져있어서 추가함

$tempfile = $_FILES['upload']['tmp_name']; # 첨부이미지명 upload 으로 수정
$filename = $_FILES['upload']['name']; # 첨부이미지명 upload 으로 수정,
# $filename 변수는 다음줄의 맨 끝에서 explode()에 사용하는 변수명과 일치해야 함


$filename_ext = strtolower(array_pop(explode('.',$filename)));

$allow_file = array("jpg", "png", "bmp", "gif");



if(!in_array($filename_ext, $allow_file)) {

$url .= '&errstr='.$filename;

} else {

    $file = $_FILES['upload']['name']; # 첨부이미지명 upload 으로 수정
        $pos = strrpos($file, '.');
        $filename  = substr($file, 0, $pos);
        $extension = substr($file, $pos, strlen($file) - $pos);
    $file_name = sprintf('%u', ip2long($_SERVER['REMOTE_ADDR'])).'_'.get_microtime().$extension;

    $savefile = SAVE_DIR . '/' . $file_name;



        move_uploaded_file($tempfile, $savefile);
        $filesize = filesize($savefile);
    $url .= "&bNewLine=true";
$url .= "&sFileName=".$file_name;
$url .= "&sFileSize=". $filesize;
$url .= "&sFileURL=". SAVE_URL ."/". $file_name;
}
}
// FAILED
else {
$url .= '&errstr=error';
}

header('Location: '. $url);

?>
원글 수정이 안되어 코멘트로 남깁니다.

7월18일 배포되는 최신 그누보드5에 스마트에디터가 기본으로 설치됩니다.

여기에 올린 팁은 베타기간중에 올린것으로, 최신버전을 사용하시기 바랍니다.
몇년만에 접속해서 포인트도 없고 제가 쓴 글에 흔적 남기고 갑니다.
(지금은 전혀 쓸모 없는 글이 되어 버렸네요)

기본기능은 들어가 있는거라
전체 2,435 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT