wr_1 여분필드에 임시저장 기능 활용하기 채택완료
동글이
1년 전
조회 4,478
여분필드 wr_1에 임시저장 기능을 적용하기 위해 아래와 같이 했습니다.
아직 임시저장 테이블인 g5_autosave 에 wr_1 값이 저장도 되지 않고, 저장후 값을 불러오는 것도 안됩니다. (글쓰기에서 여분필드 wr_1에 글 저장하는 것은 잘 됩니다. 여분필드 wr_1 임시저장만 안됩니다.)
에디터는 smarteditor2를 이용했습니다. 글쓰기 폼에는 아래와 같이 적용을 했구요.
에디터로 글쓰는 곳
<?php echo editor_html("wr_1", $wr_1, $is_dhtml_editor); ?>스크립트 추가한 곳
</p>
<p> <?php echo get_editor_js("wr_1"); ?>
<?php echo chk_editor_js("wr_1"); ?>
여분필드 wr_1에 임시저장 기능을 위해 아래와 같이 작업을 했습니다.
1) g5_autosave 테이블에 wr_1 필드 추가
2) js/autosave.js 파일을 아래와 같이 수정했습니다.
</p>
<p>// 임시 저장하는 시간을 초단위로 설정한다.
var AUTOSAVE_INTERVAL = 60; // 초</p>
<p>// 글의 제목과 내용을 바뀐 부분이 있는지 비교하기 위하여 저장해 놓는 변수
var save_wr_subject = null;
var save_wr_content = null;
var save_wr_1 = null;</p>
<p>function autosave() {
$("form#fwrite").each(function() {
if(g5_editor != "") {
if (g5_editor.indexOf("ckeditor4") != -1 && typeof(CKEDITOR.instances.wr_content)!="undefined") {
this.wr_content.value = CKEDITOR.instances.wr_content.getData();
} else if (g5_editor.indexOf("cheditor5") != -1 && typeof(ed_wr_content)!="undefined") {
this.wr_content.value = ed_wr_content.outputBodyHTML();
} else {
if(typeof get_editor_wr_content == "function" || typeof get_editor_wr_1 == "function") {
this.wr_content.value = get_editor_wr_content();
this.wr_1.value = get_editor_wr_1();
}
}
}</p>
<p> // 변수에 저장해 놓은 값과 다를 경우에만 임시 저장함
if (save_wr_subject != this.wr_subject.value || (save_wr_content != this.wr_content.value || save_wr_1 != this.wr_1.value)) {
$.ajax({
url: g5_bbs_url+"/ajax.autosave.php",
data: {
"uid" : this.uid.value,
"subject": this.wr_subject.value,
"content": this.wr_content.value,
"wr_1": this.wr_1.value
},
type: "POST",
success: function(data){
if (data) {
$("#autosave_count").html(data);
}
}
});
save_wr_subject = this.wr_subject.value;
save_wr_content = this.wr_content.value;
save_wr_1 = this.wr_1.value;
}
});
}</p>
<p>$(function(){</p>
<p> if (g5_is_member) {
setInterval(autosave, AUTOSAVE_INTERVAL * 1000);
}</p>
<p> // 임시저장된 글목록을 가져옴
$("#btn_autosave").click(function(){
if ($("#autosave_pop").is(":hidden")) {
$.get(g5_bbs_url+"/ajax.autosavelist.php", function(data){
//alert(data);
//console.log( "Data: " + data);
$("#autosave_pop ul").empty();
if ($(data).find("list").find("item").length > 0) {
$(data).find("list").find("item").each(function(i) {
var id = $(this).find("id").text();
var uid = $(this).find("uid").text();
var subject = $(this).find("subject").text();
var datetime = $(this).find("datetime").text();
$("#autosave_pop ul")
.append('<li><a href="#none" class="autosave_load">'+subject+'</a><span>'+datetime+' <button type="button" class="autosave_del">삭제</button></span></li>')
.find("li:eq("+i+")")
.data({ as_id: id, uid: uid });
});
}
}, "xml");
$("#autosave_pop").show();
} else {
$("#autosave_pop").hide();
}
});</p>
<p> // 임시저장된 글 제목과 내용을 가져와서 제목과 내용 입력박스에 노출해 줌
$(document).on( "click", ".autosave_load", function(){
var $li = $(this).parents("li");
var as_id = $li.data("as_id");
var as_uid = $li.data("uid");
$("#fwrite input[name='uid']").val(as_uid);
$.get(g5_bbs_url+"/ajax.autosaveload.php", {"as_id":as_id}, function(data){
var subject = $(data).find("item").find("subject").text();
var content = $(data).find("item").find("content").text();
var wr_1 = $(data).find("item").find("wr_1").text();
$("#wr_subject").val(subject);
if(g5_editor != "") {
if (g5_editor.indexOf("ckeditor4") != -1 && typeof(CKEDITOR.instances.wr_content)!="undefined") {
CKEDITOR.instances.wr_content.setData(content);
} else if (g5_editor.indexOf("cheditor5") != -1 && typeof(ed_wr_content)!="undefined") {
ed_wr_content.putContents(content);
} else {
if(typeof put_editor_wr_content == "function" || typeof put_editor_wr_1 == "function") {
put_editor_wr_content(content);
put_editor_wr_1(wr_1);
}
}
} else {
$("#fwrite #wr_content").val(content);
}
}, "xml");
$("#autosave_pop").hide();
});</p>
<p> $(document).on( "click", ".autosave_del", function(){
var $li = $(this).parents("li");
var as_id = $li.data("as_id");
$.get(g5_bbs_url+"/ajax.autosavedel.php", {"as_id":as_id}, function(data){
if (data == -1) {
alert("임시 저장된글을 삭제중에 오류가 발생하였습니다.");
} else {
$("#autosave_count").html(data);
$li.remove();
}
});
});</p>
<p> $(".autosave_close").click(function(){ $("#autosave_pop").hide(); });
});
</p>
<p>
3) bbs/ajax.autosave.php 를 아래와 같이 수정했습니다.
<?php</p>
<p>include_once('./_common.php');</p>
<p> </p>
<p>if (!$is_member) die('0');</p>
<p> </p>
<p>$uid = isset($_REQUEST['uid']) ? preg_replace('/[^0-9]/', '', $_REQUEST['uid']) : 0;</p>
<p>$subject = isset($_REQUEST['subject']) ? trim($_REQUEST['subject']) : '';</p>
<p>$content = isset($_REQUEST['content']) ? trim($_REQUEST['content']) : '';</p>
<p>$wr_1 = isset($_REQUEST['wr_1']) ? trim($_REQUEST['wr_1']) : '';</p>
<p> </p>
<p>if ($subject && ($content || $wr_1)) {</p>
<p> $sql = " select count(*) as cnt from {$g5['autosave_table']} where mb_id = '{$member['mb_id']}' and as_subject = '$subject' and ( as_content = '$content' or as_wr_1 = '$wr_1' ) ";</p>
<p> $row = sql_fetch($sql);</p>
<p> if (!$row['cnt']) {</p>
<p> $sql = " insert into {$g5['autosave_table']} set mb_id = '{$member['mb_id']}', as_uid = '{$uid}', as_subject = '$subject', as_content = '$content', as_wr_1 = '$wr_1', as_datetime = '".G5_TIME_YMDHIS."' on duplicate key update as_subject = '$subject', as_content = '$content', as_wr_1 = '$wr_1', as_datetime = '".G5_TIME_YMDHIS."' ";</p>
<p> $result = sql_query($sql, false);</p>
<p> </p>
<p> echo autosave_count($member['mb_id']);</p>
<p> }</p>
<p>}
4) 마지막으로 plugin/editor/smarteditor2/autosave.editor.php 를 아래와 같이 수정했습니다.
</p>
<p>function get_editor_wr_content()
{
return oEditors.getById['wr_content'].getIR();;
}</p>
<p>function put_editor_wr_content(content)
{
oEditors.getById["wr_content"].exec("SET_CONTENTS", [""]);
//oEditors.getById["wr_content"].exec("SET_IR", [""]);
oEditors.getById["wr_content"].exec("PASTE_HTML", [content]);</p>
<p> return;
}</p>
<p>function get_editor_wr_1()
{
return oEditors.getById['wr_1'].getIR();;
}</p>
<p>function put_editor_wr_1(wr_1)
{
oEditors.getById["wr_1"].exec("SET_CONTENTS", [""]);
//oEditors.getById["wr_1"].exec("SET_IR", [""]);
oEditors.getById["wr_1"].exec("PASTE_HTML", [wr_1]);</p>
<p> return;
}</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
1년 전
다음 부분을 참고하셔서 적용해 보시는건 어떨까 합니다
autosave.js
</p>
<p>// get_editor_wr_1 함수 수정
function get_editor_wr_1() {
// 에디터가 smarteditor2인 경우
if (typeof oEditors !== 'undefined' && typeof oEditors.getById === 'function' && oEditors.getById['wr_1']) {
return oEditors.getById['wr_1'].getIR(); // smarteditor2의 경우 IR 값을 반환
} else {
return ''; // 에디터가 다른 경우 빈 문자열 반환
}
}</p>
<p>// put_editor_wr_1 함수 수정
function put_editor_wr_1(wr_1) {
// 에디터가 smarteditor2인 경우
if (typeof oEditors !== 'undefined' && typeof oEditors.getById === 'function' && oEditors.getById['wr_1']) {
oEditors.getById['wr_1'].exec("PASTE_HTML", [wr_1]); // smarteditor2의 경우 HTML 삽입
}
}
ajax.autosave.php
</p>
<p>include_once('./_common.php');</p>
<p>if (!$is_member) die('0');</p>
<p>$uid = isset($_REQUEST['uid']) ? preg_replace('/[^0-9]/', '', $_REQUEST['uid']) : 0;
$subject = isset($_REQUEST['subject']) ? trim($_REQUEST['subject']) : '';
$content = isset($_REQUEST['content']) ? trim($_REQUEST['content']) : '';
$wr_1 = isset($_REQUEST['wr_1']) ? trim($_REQUEST['wr_1']) : '';</p>
<p>if ($subject && ($content || $wr_1)) {
$sql = "SELECT count(*) AS cnt FROM {$g5['autosave_table']} WHERE mb_id = '{$member['mb_id']}' AND as_subject = '$subject' AND (as_content = '$content' OR as_wr_1 = '$wr_1')";
$row = sql_fetch($sql);
if (!$row['cnt']) {
$sql = "INSERT INTO {$g5['autosave_table']} SET mb_id = '{$member['mb_id']}', as_uid = '{$uid}', as_subject = '$subject', as_content = '$content', as_wr_1 = '$wr_1', as_datetime = '".G5_TIME_YMDHIS."' ON DUPLICATE KEY UPDATE as_subject = '$subject', as_content = '$content', as_wr_1 = '$wr_1', as_datetime = '".G5_TIME_YMDHIS."'";
$result = sql_query($sql, false);</p>
<p> echo autosave_count($member['mb_id']);
}
}
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
�
동글이
1년 전
�
웹메이킹
1년 전
autosave.editor.php 수정:
smarteditor2의 설정 파일인 autosave.editor.php에도 wr_1 필드에 대한 임시 저장 기능을 추가해야 하지 않을까 생각합니다.
다음을 참고해 보세요
[code]
function get_editor_wr_1()
{
return oEditors.getById['wr_1'].getIR(); // wr_1 필드에 대한 내용을 가져오는 함수
}
function put_editor_wr_1(wr_1)
{
oEditors.getById["wr_1"].exec("PASTE_HTML", [wr_1]); // wr_1 필드에 대한 내용을 설정하는 함수
}
[/code]
페이지의 HTML 구조 확인:
페이지의 HTML 구조를 확인하여 여분 필드인 wr_1이 올바르게 설정되어 있는지 확인,
wr_1 필드가 적절한 ID를 가지고 있어야 자바스크립트가 해당 필드를 찾을 수 있을 것으로 보입니다.
자바스크립트 코드 수정:
autosave.js 파일에서 wr_1 필드에 대한 처리를 확인
wr_content와 마찬가지로 wr_1 필드도 적절히 처리되어야 하지 않을까 합니다.
smarteditor2의 설정 파일인 autosave.editor.php에도 wr_1 필드에 대한 임시 저장 기능을 추가해야 하지 않을까 생각합니다.
다음을 참고해 보세요
[code]
function get_editor_wr_1()
{
return oEditors.getById['wr_1'].getIR(); // wr_1 필드에 대한 내용을 가져오는 함수
}
function put_editor_wr_1(wr_1)
{
oEditors.getById["wr_1"].exec("PASTE_HTML", [wr_1]); // wr_1 필드에 대한 내용을 설정하는 함수
}
[/code]
페이지의 HTML 구조 확인:
페이지의 HTML 구조를 확인하여 여분 필드인 wr_1이 올바르게 설정되어 있는지 확인,
wr_1 필드가 적절한 ID를 가지고 있어야 자바스크립트가 해당 필드를 찾을 수 있을 것으로 보입니다.
자바스크립트 코드 수정:
autosave.js 파일에서 wr_1 필드에 대한 처리를 확인
wr_content와 마찬가지로 wr_1 필드도 적절히 처리되어야 하지 않을까 합니다.
�
동글이
1년 전
웹메이킹님의 말씀처럼 autosave.editor.php에도 적용이 되어 있습니다.
제가 설명드린 내용을 보시면 아래 내용들이 모두 적용되어 있습니다.
쓰기게시판
js/autosave.js 파일과 autosave 테이블에 wr_1 필드 추가
bbs/ajax.autosave.php
plugin/editor/smarteditor2/autosave.editor.php
제가 설명드린 내용을 보시면 아래 내용들이 모두 적용되어 있습니다.
쓰기게시판
js/autosave.js 파일과 autosave 테이블에 wr_1 필드 추가
bbs/ajax.autosave.php
plugin/editor/smarteditor2/autosave.editor.php
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
알려주신 내용에서 autosave.js의 내용을 plugin/editor/smarteditor2/autosave.editor.php에 적용을 하고 ajax.autosave.php의 내용은 변동 사항이 없어 그대로 적용을 해 봤습니다.
변경 이후에도 wr_content 변화에는 임시저장이 되는데, 여분필드 값 변화에는 임시저장이 되지 않네요. 조금 더 연구해 봐야 겠어요 ;;