테스트 사이트 - 개발 중인 베타 버전입니다

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

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

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

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

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

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

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

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

잘 사용하시기 바랍니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 18개

제 개인적인 생각은 수익이 나는 사이트라도 가져다 쓰는데 별 문제가 없다고 보는데
더 확실한 것은 네이버에 문의하셔야 할 것 같습니다.
크롬에서는 드록앤드랍으로 잘 되는데 익스8 파일첨부방식은 안되네요.
꼭 적용해보고 싶은데 해결방법 없을까요?
조만간 스마트에디터2가 그누보드에 기본 적용될 예정입니다. (자유게시판 참조)
그때 정식버전을 적용하세요.
11년 전
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에 스마트에디터가 기본으로 설치됩니다.

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

기본기능은 들어가 있는거라

게시글 목록

번호 제목
1938
1936
1930
1926
1920
1914
1912
1898
1895
1889
1884
1881
1873
1871
1830
1829
1828
1826
1815
1803
1796
1793
1790
1788
1781
1779
1760
1759
1751
1750