링크
http://dev.naver.com/projects/smarteditor (1569) http://jindo.dev.naver.com/smarteditor/demo/SmartEditor2.html (1471)
네이버에서 배포하는 스마트에디터(http://dev.naver.com/projects/smarteditor)를 그누보드5 에 적용시키는 방법을 공유 하고자 게시판에 올립니다.
기본적으로 그누보드5는 /plugin/editor 디렉토리에 사용하고자 하는 DHTML 에디터 파일을 업로드 하고 관리자페이지 - 환경설정에서 에디터를 선택하는 것으로 사용할 준비가 끝납니다.
첨부해 드린 파일을 압축을 풀어 서버에 업로드 후, 스마트에디터를 선택하여 사용하실수 있습니다.
주의사항은 단순히 게시판에 글쓰기를 할 경우에는 정상적으로 작동하나
한페이지에 여러개의 입력필드를 사용할 경우에는 제일 처음에 호출하는 에디터만 작동합니다.
예를들어 관리자페이지 게시판 정보를 수정할 경우, 상단내용만 정상적으로 처리하고
하단내용,모바일상단내용,모바일하단내용은 빈 칸으로 표시되므로
게시판에 꼭 스마트에디터를 사용할 필요가 있을때에 감안하시고 사용하시기 바랍니다.
에디터 이미지 저장은 /data/editor/년월/ 디렉토리에 파일명이 중복되지 않도록 작업했습니다.
잘 사용하시기 바랍니다.
기본적으로 그누보드5는 /plugin/editor 디렉토리에 사용하고자 하는 DHTML 에디터 파일을 업로드 하고 관리자페이지 - 환경설정에서 에디터를 선택하는 것으로 사용할 준비가 끝납니다.
첨부해 드린 파일을 압축을 풀어 서버에 업로드 후, 스마트에디터를 선택하여 사용하실수 있습니다.
주의사항은 단순히 게시판에 글쓰기를 할 경우에는 정상적으로 작동하나
한페이지에 여러개의 입력필드를 사용할 경우에는 제일 처음에 호출하는 에디터만 작동합니다.
예를들어 관리자페이지 게시판 정보를 수정할 경우, 상단내용만 정상적으로 처리하고
하단내용,모바일상단내용,모바일하단내용은 빈 칸으로 표시되므로
게시판에 꼭 스마트에디터를 사용할 필요가 있을때에 감안하시고 사용하시기 바랍니다.
에디터 이미지 저장은 /data/editor/년월/ 디렉토리에 파일명이 중복되지 않도록 작업했습니다.
잘 사용하시기 바랍니다.
댓글 18개
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);
?>
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);
?>
게시글 목록
| 번호 | 제목 |
|---|---|
| 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 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기