네이버 스마트에디터 그누보드5 적용하기
링크
http://dev.naver.com/projects/smarteditor (1573) http://jindo.dev.naver.com/smarteditor/demo/SmartEditor2.html (1476)
네이버에서 배포하는 스마트에디터(http://dev.naver.com/projects/smarteditor)를 그누보드5 에 적용시키는 방법을 공유 하고자 게시판에 올립니다.
기본적으로 그누보드5는 /plugin/editor 디렉토리에 사용하고자 하는 DHTML 에디터 파일을 업로드 하고 관리자페이지 - 환경설정에서 에디터를 선택하는 것으로 사용할 준비가 끝납니다.
첨부해 드린 파일을 압축을 풀어 서버에 업로드 후, 스마트에디터를 선택하여 사용하실수 있습니다.
주의사항은 단순히 게시판에 글쓰기를 할 경우에는 정상적으로 작동하나
한페이지에 여러개의 입력필드를 사용할 경우에는 제일 처음에 호출하는 에디터만 작동합니다.
예를들어 관리자페이지 게시판 정보를 수정할 경우, 상단내용만 정상적으로 처리하고
하단내용,모바일상단내용,모바일하단내용은 빈 칸으로 표시되므로
게시판에 꼭 스마트에디터를 사용할 필요가 있을때에 감안하시고 사용하시기 바랍니다.
에디터 이미지 저장은 /data/editor/년월/ 디렉토리에 파일명이 중복되지 않도록 작업했습니다.
잘 사용하시기 바랍니다.
기본적으로 그누보드5는 /plugin/editor 디렉토리에 사용하고자 하는 DHTML 에디터 파일을 업로드 하고 관리자페이지 - 환경설정에서 에디터를 선택하는 것으로 사용할 준비가 끝납니다.
첨부해 드린 파일을 압축을 풀어 서버에 업로드 후, 스마트에디터를 선택하여 사용하실수 있습니다.
주의사항은 단순히 게시판에 글쓰기를 할 경우에는 정상적으로 작동하나
한페이지에 여러개의 입력필드를 사용할 경우에는 제일 처음에 호출하는 에디터만 작동합니다.
예를들어 관리자페이지 게시판 정보를 수정할 경우, 상단내용만 정상적으로 처리하고
하단내용,모바일상단내용,모바일하단내용은 빈 칸으로 표시되므로
게시판에 꼭 스마트에디터를 사용할 필요가 있을때에 감안하시고 사용하시기 바랍니다.
에디터 이미지 저장은 /data/editor/년월/ 디렉토리에 파일명이 중복되지 않도록 작업했습니다.
잘 사용하시기 바랍니다.
첨부파일
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 18개
/data/editor/1406 이란 폴더가 잘 생성 되는지 확인해보십시요.
리눅스 mkdir 권한 문제로 안될 가능성도 있습니다.
한글도메인쓰는 다른 사이트에 올려서 다시 테스트해봤는데 한글도메인에서는 모든브라우저 실행이 안되는 현상이 ㅠㅠㅠㅠㅠ
쪽지로 사이트주소 보내드릴게요~~^^
한글 도메인은 테스트 해보지 않아서, 잘 모르겠습니다.
익스플로러 하위버전, 스윙에서만 작동안하는가봅니다.
드래그해서 사진첨부하는창으로 뜨면 정상작동, 파일찾아 첨부하는창으로 뜨면 비정상작동되는게 아닌가 추측해봅니다...
좋은 소스 나눔 감사드리고 좋은하루되세요.
염치없지만 혹시나 추후 패치되면 쪽지한통 보내주시면 큰 도움이될것같습니다.
♥
제가 익스플로러 하위버전 테스트 환경이 없어서 테스트 해보진 않았습니다. 피드백 부탁드리구요.
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);
?>
그런데 혹시 일반 커뮤니티 이지만 광고로 수익내고 있는 사이트인데도,
스마트 에디터를 사용해도 될까요?
제재를 당할지가 의문이라서 ㅠㅠ 정보감사합니다.
더 확실한 것은 네이버에 문의하셔야 할 것 같습니다.
꼭 적용해보고 싶은데 해결방법 없을까요?
그때 정식버전을 적용하세요.
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에 스마트에디터가 기본으로 설치됩니다.
여기에 올린 팁은 베타기간중에 올린것으로, 최신버전을 사용하시기 바랍니다.
(지금은 전혀 쓸모 없는 글이 되어 버렸네요)
기본기능은 들어가 있는거라